import {addToast, Button, cn} from "@heroui/react"; const CustomToastComponent = () => { return ( { addToast({ title: "Successfull!", description: "Document uploaded to cloud successfully.", classNames: { base: cn([ "bg-default-50 dark:bg-background shadow-sm", "border-1", "relative before:content-[''] before:absolute before:z-10", "before:left-0 before:top-[-1px] before:bottom-[-1px] before:w-1", "rounded-l-none border-l-0", "min-w-[350px]", "rounded-md", "flex flex-col items-start", "before:bg-primary border-primary-200 dark:border-primary-100", ]), icon: "w-6 h-6 fill-current", }, endContent: ( View Document Maybe Later ), color: "primary", }); }} > Show Toast ); }; export default function App() { return (