| | |
|---|
| | | ? selectedOption.label |
|---|
| | | : t(`${i18nPrefix}.select`) |
|---|
| | | } |
|---|
| | | <RiArrowDownSLine className='ml-1 h-3.5 w-3.5' /> |
|---|
| | | <RiArrowDownSLine className='ml-1 w-3.5 h-3.5' /> |
|---|
| | | </Button> |
|---|
| | | </PortalToFollowElemTrigger> |
|---|
| | | <PortalToFollowElemContent className='z-10'> |
|---|
| | | <div className='rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur p-1 shadow-lg'> |
|---|
| | | <div className='p-1 bg-components-panel-bg-blur rounded-xl border-[0.5px] border-components-panel-border shadow-lg'> |
|---|
| | | { |
|---|
| | | options.map(option => ( |
|---|
| | | <div |
|---|
| | | key={option.value} |
|---|
| | | className='flex h-7 cursor-pointer items-center rounded-lg px-3 py-1.5 text-[13px] font-medium text-text-secondary hover:bg-state-base-hover' |
|---|
| | | className='flex items-center px-3 py-1.5 h-7 text-[13px] font-medium text-text-secondary rounded-lg cursor-pointer hover:bg-state-base-hover' |
|---|
| | | onClick={() => { |
|---|
| | | onSelect(option.value) |
|---|
| | | setOpen(false) |
|---|
