Function ContextMenuSub

packages/ui/src/context-menu.tsx:99–114

({ title, icon, children, disabled })

}

export const ContextMenuSub: React.FC<ContextMenuSub> = ({ title, icon, children, disabled }) => {
  return (
    <MenuSub>
      <MenuSubTrigger disabled={disabled} css={itemCls(disabled)}>
        {icon && <span css={iconCls(disabled)}>{icon}</span>}
        {title}
        <div css={rightCls(disabled)}>
          <Icon name="arrowRight" />
        </div>
      </MenuSubTrigger>
      <MenuSubContent sideOffset={2} alignOffset={-5}>
        {children}
      </MenuSubContent>
    </MenuSub>
  )
}

export interface ContextMenuSeparatorProps {
  className?: string