import React from "react";
import {ToastProvider} from "@a7medhassan/react-toast"
const App = () => (
	<ToastProvider>
		<UIComponent />
	</ToastProvider>
);

import React from "react";
import { useReactToast } from '@a7medhassan/react-toast'
const Components = () => (
  const {addToast}=useReactToast()
  function fireToast(){
    addToast({
    type: "success" , // "success"| "info" | "warning" | "error"
    message: "your message",
    duration: 1000, //your duration
    position: "topLeft",//  | "topLeft"| "topCenter"| "topRight"| "bottomRight"| "bottomCenter"| "bottomLeft"
    icon: true     //ReactNode | boolean; optional
    })
  }
	<div>
		<button onClick={fireToast}>click</button>
	</div>
);