23 lines
633 B
TypeScript
23 lines
633 B
TypeScript
import type { ReactNode } from "react"
|
|
|
|
import { AppSidebar } from "@/components/app-sidebar"
|
|
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar"
|
|
|
|
interface AppShellProps {
|
|
header: ReactNode
|
|
children: ReactNode
|
|
}
|
|
|
|
export function AppShell({ header, children }: AppShellProps) {
|
|
return (
|
|
<SidebarProvider>
|
|
<AppSidebar />
|
|
<SidebarInset>
|
|
{header}
|
|
<main className="flex flex-1 flex-col gap-8 bg-gradient-to-br from-background via-background to-primary/10 pb-12 pt-6">
|
|
{children}
|
|
</main>
|
|
</SidebarInset>
|
|
</SidebarProvider>
|
|
)
|
|
}
|