27 lines
757 B
TypeScript
27 lines
757 B
TypeScript
import { AppSidebar } from "@/components/app-sidebar";
|
|
import {
|
|
SidebarInset,
|
|
SidebarProvider,
|
|
SidebarTrigger,
|
|
} from "@/components/ui/sidebar";
|
|
|
|
interface Props {
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
export default function Sidebar({ children }: Props) {
|
|
return (
|
|
<SidebarProvider>
|
|
<AppSidebar />
|
|
<SidebarInset>
|
|
<header className="flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12">
|
|
<div className="flex items-center gap-2 px-4">
|
|
<SidebarTrigger className="-ml-1" />
|
|
</div>
|
|
</header>
|
|
<main className="flex-1 overflow-y-auto ml-4">{children}</main>
|
|
</SidebarInset>
|
|
</SidebarProvider>
|
|
);
|
|
}
|