import { Inter } from "next/font/google";
// import "../globals.css";
// import { ToastContainer } from "react-toastify";

import UserHeader from "@/components/user/header/UserHeader";

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

export const metadata = {
  title: "Best Online Store",
  description: "",
  icons: {
    icon: "/store.png",
  },
};

export default async function AdminRootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  // const session = await getServerSession(authOptions);
  return (
      <div className={`${inter.className} antialiased bg-white`}>
        {/* <SessionProvider session={session}> */}
          {/* <ToastContainer
            toastClassName={"max-sm:w-1/2 w-full"}
            position="bottom-left"
            autoClose={4000}
            hideProgressBar={false}
            newestOnTop={false}
            closeOnClick
            rtl={false}
            pauseOnFocusLoss
            draggable
            pauseOnHover
            theme="colored"
          /> */}
          <UserHeader />
          <main className="p-4 md:ml-64 h-auto pt-20">{children}</main>
        {/* </SessionProvider> */}
      </div>
  );
}