Files
protekauto-cms/src/components/providers/ToastProvider.tsx

32 lines
638 B
TypeScript

"use client"
import { Toaster } from 'react-hot-toast'
export const ToastProvider = () => {
return (
<Toaster
position="top-right"
toastOptions={{
duration: 4000,
style: {
background: '#fff',
color: '#333',
borderRadius: '8px',
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
},
success: {
iconTheme: {
primary: '#10B981',
secondary: '#fff',
},
},
error: {
iconTheme: {
primary: '#EF4444',
secondary: '#fff',
},
},
}}
/>
)
}