Sidebar 15

1import { SidebarLeft } from "@/registry/base-vega/blocks/sidebar-15/components/sidebar-left"
2import { SidebarRight } from "@/registry/base-vega/blocks/sidebar-15/components/sidebar-right"
3import {
4  Breadcrumb,
5  BreadcrumbItem,
6  BreadcrumbList,
7  BreadcrumbPage,
8} from "@/registry/base-vega/ui/breadcrumb"
9import { Separator } from "@/registry/base-vega/ui/separator"
10import {
11  SidebarInset,
12  SidebarProvider,
13  SidebarTrigger,
14} from "@/registry/base-vega/ui/sidebar"
15 
16export default function Page() {
17  return (
18    <SidebarProvider>
19      <SidebarLeft />
20      <SidebarInset>
21        <header className="sticky top-0 flex h-14 shrink-0 items-center gap-2 bg-background">
22          <div className="flex flex-1 items-center gap-2 px-3">
23            <SidebarTrigger />
24            <Separator
25              orientation="vertical"
26              className="mr-2 data-[orientation=vertical]:h-4"
27            />
28            <Breadcrumb>
29              <BreadcrumbList>
30                <BreadcrumbItem>
31                  <BreadcrumbPage className="line-clamp-1">
32                    Project Management & Task Tracking
33                  </BreadcrumbPage>
34                </BreadcrumbItem>
35              </BreadcrumbList>
36            </Breadcrumb>
37          </div>
38        </header>
39        <div className="flex flex-1 flex-col gap-4 p-4">
40          <div className="mx-auto h-24 w-full max-w-3xl rounded-xl bg-muted/50" />
41          <div className="mx-auto h-[100vh] w-full max-w-3xl rounded-xl bg-muted/50" />
42        </div>
43      </SidebarInset>
44      <SidebarRight />
45    </SidebarProvider>
46  )
47}