| 394 | } |
| 395 | |
| 396 | function SidebarGroupLabel({ |
| 397 | className, |
| 398 | asChild = false, |
| 399 | ...props |
| 400 | }: React.ComponentProps<"div"> & { asChild?: boolean }) { |
| 401 | const Comp = asChild ? Slot : "div" |
| 402 | |
| 403 | return ( |
| 404 | <Comp |
| 405 | data-slot="sidebar-group-label" |
| 406 | data-sidebar="group-label" |
| 407 | className={cn( |
| 408 | "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", |
| 409 | "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", |
| 410 | className |
| 411 | )} |
| 412 | {...props} |
| 413 | /> |
| 414 | ) |
| 415 | } |
| 416 | |
| 417 | function SidebarGroupAction({ |
| 418 | className, |