43 lines
900 B
JavaScript
43 lines
900 B
JavaScript
"use client";
|
|
|
|
import { Toaster } from "react-hot-toast";
|
|
|
|
export const ToastProvider = () => {
|
|
return (
|
|
<Toaster
|
|
position="top-center"
|
|
gutter={12}
|
|
containerStyle={{ margin: "8px" }}
|
|
toastOptions={{
|
|
success: {
|
|
duration: 3000,
|
|
style: {
|
|
background: "#fff",
|
|
color: "black",
|
|
boxShadow:
|
|
"0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05)",
|
|
},
|
|
iconTheme: {
|
|
primary: "#fff",
|
|
secondary: "#4BB543",
|
|
},
|
|
},
|
|
error: {
|
|
duration: 4000,
|
|
style: {
|
|
background: "#FF3333",
|
|
color: "#fff",
|
|
},
|
|
},
|
|
loading: {
|
|
duration: Infinity,
|
|
style: {
|
|
background: "#333",
|
|
color: "#fff",
|
|
},
|
|
},
|
|
}}
|
|
/>
|
|
);
|
|
};
|