"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",
          },
        },
      }}
    />
  );
};