({
className,
render,
showOnHover = false,
...props
}: useRender.ComponentProps<"button"> &
React.ComponentProps<"button"> & {
showOnHover?: boolean
})
| 560 | } |
| 561 | |
| 562 | function SidebarMenuAction({ |
| 563 | className, |
| 564 | render, |
| 565 | showOnHover = false, |
| 566 | ...props |
| 567 | }: useRender.ComponentProps<"button"> & |
| 568 | React.ComponentProps<"button"> & { |
| 569 | showOnHover?: boolean |
| 570 | }) { |
| 571 | return useRender({ |
| 572 | defaultTagName: "button", |
| 573 | props: mergeProps<"button">( |
| 574 | { |
| 575 | className: cn( |
| 576 | "cn-sidebar-menu-action flex items-center justify-center outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 md:after:hidden [&>svg]:shrink-0", |
| 577 | showOnHover && |
| 578 | "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground aria-expanded:opacity-100 md:opacity-0", |
| 579 | className |
| 580 | ), |
| 581 | }, |
| 582 | props |
| 583 | ), |
| 584 | render, |
| 585 | state: { |
| 586 | slot: "sidebar-menu-action", |
| 587 | sidebar: "menu-action", |
| 588 | }, |
| 589 | }) |
| 590 | } |
| 591 | |
| 592 | function SidebarMenuBadge({ |
| 593 | className, |
nothing calls this directly
no test coverage detected