import AdminSheet from "@/app/(admin)/_components/_admin_sheet";
import AdminUserDropdown from "@/app/(admin)/_components/_admin_user_dropdown";
import {cn} from "@/lib/utils";


export default function AdminPageContainer(
    {children, breadcrumbs, className}: { children: React.ReactNode, breadcrumbs: React.ReactNode, className?: string; }
): React.ReactNode {
    return (
        <div className={"flex flex-col sm:gap-4 sm:py-4"}>
            <header
                className="sticky top-0 z-30 flex h-14 items-center gap-4 border-b bg-background px-4 sm:static sm:h-auto sm:border-0 sm:bg-transparent sm:px-6">

                <AdminSheet/>

                {breadcrumbs}

                <AdminUserDropdown/>
            </header>

            <main
                className={cn("flex-1 items-start gap-4 p-4 sm:px-6 sm:py-0 md:gap-8", className || "grid lg:grid-cols-3 xl:grid-cols-3")}>
                {children}
            </main>
        </div>
    )
}