Sidebar

1import {
2  Sidebar,
3  SidebarContent,
4  SidebarHeader,
5  SidebarMenu,
6  SidebarMenuItem,
7  SidebarFooter,
8  SidebarProvider,
9} from "passport-ui";

1<SidebarProvider>
2  <Sidebar>
3    <SidebarHeader>
4      <h2>App Name</h2>
5    </SidebarHeader>
6    <SidebarContent>
7      <SidebarMenu>
8        <SidebarMenuItem>
9          <a href="#">Dashboard</a>
10        </SidebarMenuItem>
11      </SidebarMenu>
12    </SidebarContent>
13    <SidebarFooter>
14      <p>© 2024</p>
15    </SidebarFooter>
16  </Sidebar>
17  <main>
18    {/* Main content */}
19  </main>
20</SidebarProvider>