import { P as e } from "../../../../packageName-CJwD6mUt.js";
const r = `
import { Sidebar, SidebarToggle, SidebarGroup, SidebarMenu, SidebarMenuTrigger, SidebarItem, SidebarItemIcon, SidebarItemBadge, SidebarItemActions } from '${e}';
import { Button } from '${e}/components/Button';

<Sidebar defaultCollapsed={false}>
  <SidebarToggle />
  <SidebarGroup>
    {/* A simple leaf SidebarItem */}
    <SidebarItem label="Dashboard">
      <SidebarItemIcon><File /></SidebarItemIcon>
    </SidebarItem>
    {/* SidebarMenu: SidebarMenuTrigger + child items */}
    <SidebarMenu defaultOpen>
      <SidebarMenuTrigger label="Artikel">
        <SidebarItemIcon><Folder /></SidebarItemIcon>
      </SidebarMenuTrigger>
      <SidebarItem label="Artikelübersicht" isActive unsavedChanges>
        <SidebarItemActions>
          <Button variant="ghost" size="iconXs" icon="Pencil" aria-label="Edit" />
          <Button variant="ghost" size="iconXs" icon="MoreHorizontal" aria-label="More" />
        </SidebarItemActions>
      </SidebarItem>
    </SidebarMenu>
  </SidebarGroup>
</Sidebar>
`;
export {
  r as default
};
//# sourceMappingURL=defaultSource.js.map
