import { Inter } from "next/font/google";
// import "../../globals.css";
// import { ToastContainer } from "react-toastify";
import { authOptions } from "@/app/api/auth/[...nextauth]/auth-options";
import { getServerSession } from "next-auth";
import SessionProvider from "@/app/(home)/SessionProvider";
import UserSideBar from "@/components/user/sidebar/UserSideBar";
import Header from "@/components/home/header/Header";

const inter = Inter({ subsets: ["latin"] });

export const metadata = {
  title: "Admin Page",
  description: "This is Home Page for admin",
};

export default async function AdminRootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  const session = await getServerSession(authOptions);
  return (
    <html lang="en">
      <body className={inter.className}>
        <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"
          /> */}
          <div className="flex flex-col h-screen">
            <Header />
            <div className="flex flex-1 flex-col lg:flex-row overflow-hidden">
              <div className="hidden lg:block lg:w-64 flex-shrink-0 h-full">
                <UserSideBar />
              </div>
              <div className="flex-1 overflow-auto">{children}</div>
            </div>
          </div>
        </SessionProvider>
      </body>
    </html>
  );
}
