Sidebar

import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger } from '@pharen/ui';

<script setup lang="ts">
import { Sidebar, SidebarContent, SidebarHeader, SidebarInset, SidebarProvider, SidebarTrigger } from '@pharen/ui';
</script>

<template>
  <SidebarProvider>
    <Sidebar>
      <SidebarHeader>Pharen</SidebarHeader>
      <SidebarContent>Navigation</SidebarContent>
    </Sidebar>
    <SidebarInset>
      <SidebarTrigger />
      <main>Page content</main>
    </SidebarInset>
  </SidebarProvider>
</template>