import "../styles/globals.css";
import { Nunito } from "next/font/google";
import { AuthProvider } from "../contexts/AuthContext";
import { Toaster } from "react-hot-toast";

// Instantiate Nunito font
const nunito = Nunito({
  subsets: ["latin"],
  variable: "--font-nunito", // Expose it as a CSS variable
  display: "swap", // Optional: good for font loading behavior
});

export const metadata = {
  title: "SpringAqua ERP",
  description: "Enterprise Resource Planning System for SpringAqua",
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en" className={`${nunito.variable}`}>
      <body className={nunito.className}>
        <AuthProvider>
          {children}
          <Toaster
            position="bottom-right"
            toastOptions={{
              duration: 5000,
              style: {
                background: "#fff",
                color: "#333",
                borderRadius: "8px",
                border: "1px solid #e5e7eb",
                boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)",
              },
              success: {
                duration: 5000,
                iconTheme: {
                  primary: "#059669",
                  secondary: "#fff",
                },
                style: {
                  border: "1px solid #10b981",
                  background: "#f0fdf4",
                  color: "#166534",
                },
              },
              error: {
                duration: 8000,
                iconTheme: {
                  primary: "#dc2626",
                  secondary: "#fff",
                },
                style: {
                  border: "1px solid #ef4444",
                  background: "#fef2f2",
                  color: "#dc2626",
                },
              },
            }}
          />
        </AuthProvider>
      </body>
    </html>
  );
}
