incr/resources/js/layouts/app/app-sidebar-layout.tsx
2025-07-10 17:01:34 +02:00

18 lines
777 B
TypeScript

import { AppContent } from '@/components/Display/AppContent';
import { AppShell } from '@/components/Display/AppShell';
import { AppSidebar } from '@/components/Display/AppSidebar';
import { AppSidebarHeader } from '@/components/Display/AppSidebarHeader';
import { type BreadcrumbItem } from '@/types';
import { type PropsWithChildren } from 'react';
export default function AppSidebarLayout({ children, breadcrumbs = [] }: PropsWithChildren<{ breadcrumbs?: BreadcrumbItem[] }>) {
return (
<AppShell variant="sidebar">
<AppSidebar />
<AppContent variant="sidebar" className="overflow-x-hidden">
<AppSidebarHeader breadcrumbs={breadcrumbs} />
{children}
</AppContent>
</AppShell>
);
}