| | |
| | | return ( |
| | | <div className={className}> |
| | | <div className="flex items-center justify-between"> |
| | | <div className="flex h-6 items-center"> |
| | | <div className="flex items-center h-6"> |
| | | {hasSwitch && ( |
| | | <Switch |
| | | size='md' |
| | |
| | | }} |
| | | /> |
| | | )} |
| | | <span className="system-sm-semibold mr-1 text-text-secondary">{name}</span> |
| | | <span className="mr-1 text-text-secondary system-sm-semibold">{name}</span> |
| | | {!noTooltip && ( |
| | | <Tooltip |
| | | triggerClassName='w-4 h-4 shrink-0' |
| | |
| | | min={min} |
| | | max={max} |
| | | step={step} |
| | | amount={step} |
| | | size='regular' |
| | | size='sm' |
| | | value={value} |
| | | onChange={(value) => { |
| | | onChange(id, value) |
| | |
| | | className='w-[72px]' |
| | | /> |
| | | </div> |
| | | <div className="flex grow items-center"> |
| | | <div className="flex items-center grow"> |
| | | <Slider |
| | | className='w-full' |
| | | disabled={!enable} |