import { AppContent } from '@/components/layout';
import { AppShell } from '@/components/layout';
import { AppSidebar } from '@/components/layout';
import { AppSidebarHeader } from '@/components/layout';
import type { AppLayoutProps } from '@/types';

export default function AppSidebarLayout({
    children,
    breadcrumbs = [],
}: AppLayoutProps) {
    return (
        <AppShell variant="sidebar">
            <AppSidebar />
            <AppContent
                variant="sidebar"
                className="flex-1 overflow-x-hidden overflow-y-auto"
            >
                <AppSidebarHeader breadcrumbs={breadcrumbs} />
                {children}
            </AppContent>
        </AppShell>
    );
}