import type { Metadata } from "next";
import localFont from "next/font/local";
import { Toaster } from "react-hot-toast";
import { Theme } from "@/components/layout/theme";
import { TooltipProvider } from "@/components/ui/tooltip";
import "./globals.css";
const outfit = localFont({
  src: "./fonts/outfit-latin.woff2",
  variable: "--font-outfit",
  weight: "100 900",
  display: "swap",
});
export const metadata: Metadata = {
  title: { default: "Parking+ Dashboard", template: "Parking+ - %s" },
  description: "TIAR dashboard UI reconstruction with local mock data.",
  icons: { icon: "/branding/tiar-icon.svg" },
};
export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body className={outfit.variable}>
        <Toaster
          position="top-center"
          reverseOrder={false}
          containerStyle={{ zIndex: 999999 }}
          toastOptions={{
            className: "bg-gray-800 text-white font-normal",
            style: { fontSize: "16px", zIndex: 999999 },
          }}
        />
        <Theme>
          <TooltipProvider>{children}</TooltipProvider>
        </Theme>
      </body>
    </html>
  );
}
