| | |
| | | import { memo } from 'react' |
| | | |
| | | type PromptMenuItemMenuItemProps = { |
| | | icon: React.JSX.Element |
| | | icon: JSX.Element |
| | | title: string |
| | | disabled?: boolean |
| | | isSelected: boolean |
| | |
| | | return ( |
| | | <div |
| | | className={` |
| | | flex h-6 cursor-pointer items-center rounded-md px-3 hover:bg-state-base-hover |
| | | flex items-center px-3 h-6 cursor-pointer hover:bg-state-base-hover rounded-md |
| | | ${isSelected && !disabled && '!bg-state-base-hover'} |
| | | ${disabled ? 'cursor-not-allowed opacity-30' : 'cursor-pointer hover:bg-state-base-hover'} |
| | | ${disabled ? 'cursor-not-allowed opacity-30' : 'hover:bg-state-base-hover cursor-pointer'} |
| | | `} |
| | | tabIndex={-1} |
| | | ref={setRefElement} |