| | |
| | | |
| | | type VariableMenuItemProps = { |
| | | title: string |
| | | icon?: React.JSX.Element |
| | | extraElement?: React.JSX.Element |
| | | icon?: JSX.Element |
| | | extraElement?: JSX.Element |
| | | isSelected: boolean |
| | | queryString: string | null |
| | | onClick: () => void |
| | |
| | | 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 rounded-md hover:bg-state-base-hover cursor-pointer |
| | | ${isSelected && 'bg-state-base-hover'} |
| | | `} |
| | | tabIndex={-1} |
| | |
| | | <div className='mr-2'> |
| | | {icon} |
| | | </div> |
| | | <div className='grow truncate text-[13px] text-text-secondary' title={title}> |
| | | <div className='grow text-[13px] text-text-secondary truncate' title={title}> |
| | | {before} |
| | | <span className='text-text-accent'>{middle}</span> |
| | | {after} |