1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
| import { memo } from 'react'
|
| type PromptMenuItemMenuItemProps = {
| icon: JSX.Element
| title: string
| disabled?: boolean
| isSelected: boolean
| onClick: () => void
| onMouseEnter: () => void
| setRefElement?: (element: HTMLDivElement) => void
| }
| export const PromptMenuItem = memo(({
| icon,
| title,
| disabled,
| isSelected,
| onClick,
| onMouseEnter,
| setRefElement,
| }: PromptMenuItemMenuItemProps) => {
| return (
| <div
| className={`
| 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' : 'hover:bg-state-base-hover cursor-pointer'}
| `}
| tabIndex={-1}
| ref={setRefElement}
| onMouseEnter={() => {
| if (disabled)
| return
| onMouseEnter()
| }}
| onClick={() => {
| if (disabled)
| return
| onClick()
| }}>
| {icon}
| <div className='ml-1 text-[13px] text-text-secondary'>{title}</div>
| </div>
| )
| })
| PromptMenuItem.displayName = 'PromptMenuItem'
|
|
