react-css-notification v1.0.4

Use

App.js

    import ToastContextProvider from "react-css-notification";
    import Header from './component/Header';

    <ToastContextProvider>
      <Header />
    </ToastContextProvider>

Header.js

    import { useToast } from 'react-css-notification'
    import React from 'react'

    function Header() {
        const MessageBox = useToast();
        return (
            <>
                <button onClick={() => MessageBox({
                    title: "Congratiulation",
                    message: "yahhh!!!!!",
                    iconImg: "Your IconImage Path",
                    closeImg: "Your cancel Image Path",
                    type: "success" // success,warning,error,info
                })} >Click Me</button>
            </>

        )
    }