import { Toaster } from "@/components/ui/sonner";
import { cn } from "@/lib/utils";
import { GlobalProvider } from "@/providers";
import { config } from "@fortawesome/fontawesome-svg-core";
import { Inter } from "next/font/google";

import "@fortawesome/fontawesome-svg-core/styles.css";
import "@uiw/react-textarea-code-editor/dist.css";
import "./globals.css";

config.autoAddCss = false;

const inter = Inter({ subsets: ["latin"] });

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body
        className={cn(
          inter.className,
          "flex min-h-screen flex-col bg-neutral-50",
        )}
      >
        <GlobalProvider>
          {children}
          <Toaster
            theme="light"
            richColors
            closeButton
            duration={5000}
            toastOptions={{
              classNames: { closeButton: "bg-red-600 text-white" },
            }}
          />
        </GlobalProvider>
      </body>
    </html>
  );
}
