Toaster

1'use client';
2 
3import { Toaster as Sonner } from 'sonner';
4 
5type ToasterProps = React.ComponentProps<typeof Sonner>;
6 
7const Toaster = ({ ...props }: ToasterProps) => {
8  return (
9    <Sonner
10      className='toaster group'
11      toastOptions={{
12        classNames: {
13          toast:
14            'group toast group-[.toaster]:bg-white group-[.toaster]:text-gray-950 group-[.toaster]:border-gray-200 group-[.toaster]:shadow-lg dark:group-[.toaster]:bg-gray-950 dark:group-[.toaster]:text-gray-50 dark:group-[.toaster]:border-gray-800',
15          description:
16            'group-[.toast]:text-gray-500 dark:group-[.toast]:text-gray-400',
17          actionButton:
18            'group-[.toast]:bg-gray-900 group-[.toast]:text-gray-50 dark:group-[.toast]:bg-gray-50 dark:group-[.toast]:text-gray-900',
19          cancelButton:
20            'group-[.toast]:bg-gray-100 group-[.toast]:text-gray-500 dark:group-[.toast]:bg-gray-800 dark:group-[.toast]:text-gray-400',
21        },
22      }}
23      {...props}
24    />
25  );
26};
27 
28export { Toaster };