22 lines
759 B
TypeScript
22 lines
759 B
TypeScript
|
import { AppContent } from '@/components/app-content';
|
||
|
|
import { AppShell } from '@/components/app-shell';
|
||
|
|
import { AppSidebar } from '@/components/app-sidebar';
|
||
|
|
import { AppSidebarHeader } from '@/components/app-sidebar-header';
|
||
|
|
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>
|
||
|
|
);
|
||
|
|
}
|