import { SgcShell } from '@/components/sgc-shell';
import { Breadcrumbs } from '@/components/breadcrumbs';
import type { AppLayoutProps } from '@/types';

export default function AppSidebarLayout({
    children,
    breadcrumbs = [],
}: AppLayoutProps) {
    return (
        <SgcShell>
            {breadcrumbs.length > 0 && (
                <div className="mx-auto w-full max-w-7xl px-5 pt-5 lg:px-8">
                    <Breadcrumbs breadcrumbs={breadcrumbs} />
                </div>
            )}
            {children}
        </SgcShell>
    );
}