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