import "../globals.css";
import type { Metadata } from "next";
import { Outfit } from "next/font/google";
import { Toaster } from "sonner";
import GlobalLoader from "@/modules/common/pre-loader";

const outfit = Outfit({
  subsets: ["latin"],
  weight: ["400", "500", "600", "700"],
  variable: "--font-outfit",
  display: "swap",
});

export const metadata: Metadata = {
  title: "Vibrant Printing & Graphics",
  description: "Vibrantprint",
};

// export const revalidate = 86400; // One day

export default async function DesignApprovalLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" className="h-full">
      <body className={`${outfit.variable} antialiased`}>
        <main className="relative">{children}</main>
        <Toaster richColors position="top-center" />
        <GlobalLoader />
      </body>
    </html>
  );
}