import { usePage } from '@inertiajs/react';
import AppSidebarLayout from '@/layouts/app/app-sidebar-layout';
import StudentLayout from '@/layouts/student-layout';
import type { Auth, BreadcrumbItem } from '@/types';

export default function AppLayout({
    breadcrumbs = [],
    children,
    noContainer = false,
}: {
    breadcrumbs?: BreadcrumbItem[];
    children: React.ReactNode;
    noContainer?: boolean;
}) {
    const { auth } = usePage<{ auth: Auth }>().props;
    const role = auth.user?.role;

    if (role === 'admin' || role === 'instructor') {
        return (
            <AppSidebarLayout breadcrumbs={breadcrumbs}>
                {children}
            </AppSidebarLayout>
        );
    }

    return <StudentLayout noContainer={noContainer}>{children}</StudentLayout>;
}