| | |
| | | return ( |
| | | <div className={cn(className, !fold ? 'mb-0' : 'mb-3')}> |
| | | <div |
| | | className='flex h-[26px] cursor-pointer select-none items-center justify-between py-1' |
| | | className='flex justify-between items-center h-[26px] py-1 cursor-pointer select-none' |
| | | onClick={foldToggle} |
| | | > |
| | | <div className='flex items-center text-gray-700'> |
| | | <Settings04 className='mr-1 h-4 w-4' /> |
| | | <div className='text-[13px] font-semibold uppercase text-gray-800'>{t(`${I18N_PREFIX}.options`)}</div> |
| | | <Settings04 className='mr-1 w-4 h-4' /> |
| | | <div className='text-[13px] font-semibold text-gray-800 uppercase'>{t(`${I18N_PREFIX}.options`)}</div> |
| | | </div> |
| | | <ChevronRight className={cn(!fold && 'rotate-90', 'h-4 w-4 text-gray-500')} /> |
| | | <ChevronRight className={cn(!fold && 'rotate-90', 'w-4 h-4 text-gray-500')} /> |
| | | </div> |
| | | {!fold && ( |
| | | <div className='mb-4'> |