first commit

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { SidebarInset } from '@/components/ui/sidebar';
+
+type Props = React.ComponentProps<'main'> & {
+    variant?: 'header' | 'sidebar';
+};
+
+export function AppContent({ variant = 'header', children, ...props }: Props) {
+    if (variant === 'sidebar') {
+        return <SidebarInset {...props}>{children}</SidebarInset>;
+    }
+
+    return (
+        <main
+            className="mx-auto flex h-full w-full max-w-7xl flex-1 flex-col gap-4 rounded-xl"
+            {...props}
+        >
+            {children}
+        </main>
+    );
+}