siakad-itm/resources/js/layouts/app/app-sidebar-layout.tsx
Yoga Pangestu 3905c2ce2e
Some checks failed
tests / ci (pull_request) Has been cancelled
refactor: enhance component structure and styling for improved layout and usability
2026-08-03 18:36:04 +07:00

23 lines
756 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="overflow-x-hidden">
<AppSidebarHeader breadcrumbs={breadcrumbs} />
<div className="flex-1 overflow-y-auto">
{children}
</div>
</AppContent>
</AppShell>
);
}