import type { Metadata } from "next";
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
import { TooltipProvider } from "@/components/ui/tooltip";
import { AppSidebar } from "@/components/web/app-sidebar";
import { SiteHeader } from "@/components/web/site-header";

export const metadata: Metadata = {
  title: "Admin | E-Library",
  description: "Administrative dashboard for Federal Polytechnic Bali E-Library management.",
};

export default function AdminLayout({ children }: { children: React.ReactNode }) {
    return (
        <SidebarProvider
            style={
                {
                    "--sidebar-width": "calc(var(--spacing) * 72)",
                    "--header-height": "calc(var(--spacing) * 12)",
                } as React.CSSProperties
            }
        >
            <AppSidebar variant="inset" />
            <SidebarInset>
                <SiteHeader />
                <div className="flex flex-1 flex-col">
                    <div className="@container/main flex flex-1 flex-col gap-2">
                        <div className="flex flex-col gap-4 py-4 md:gap-6 md:py-6">
                            <TooltipProvider>
                                {children}
                            </TooltipProvider>
                        </div>
                    </div>
                </div>
                </SidebarInset>
            </SidebarProvider>
    )
}