dstpabuaran.com/resources/js/layouts/app/app-sidebar-layout.tsx

24 lines
740 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 { 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>
);
}