Vercel/src/toast/ToasterWithThemes.tsx
2023-11-24 23:46:10 -06:00

23 lines
482 B
TypeScript

'use client';
import { cc } from '@/utility/css';
import { useTheme } from 'next-themes';
import { Toaster } from 'sonner';
export default function ToasterWithThemes() {
const { theme } = useTheme();
return (
<Toaster
theme={theme as 'system' | 'light' | 'dark'}
toastOptions={{
classNames: {
toast: cc(
'font-mono font-normal',
'!border-gray-200 dark:!border-gray-800',
),
},
}}
/>
);
}