first commit

laravel/resources/js/components/app-shell.tsx

@@ -0,0 +1,21 @@
+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>;
+}