22 lines
624 B
TypeScript
22 lines
624 B
TypeScript
import { usePage } from '@inertiajs/react';
|
|
import type { ReactNode } from 'react';
|
|
import { SidebarProvider } from '@/components/ui/sidebar';
|
|
import type { SharedData } from '@/types';
|
|
|
|
type Props = {
|
|
children: ReactNode;
|
|
variant?: 'header' | 'sidebar';
|
|
};
|
|
|
|
export function AppShell({ children, variant = 'header' }: Props) {
|
|
const isOpen = usePage<SharedData>().props.sidebarOpen;
|
|
|
|
if (variant === 'header') {
|
|
return (
|
|
<div className="flex min-h-screen w-full flex-col">{children}</div>
|
|
);
|
|
}
|
|
|
|
return <SidebarProvider defaultOpen={isOpen}>{children}</SidebarProvider>;
|
|
}
|