22 lines
605 B
TypeScript
22 lines
605 B
TypeScript
import clsx from 'clsx';
|
|
|
|
import Checkbox, { CheckboxProps } from './Checkbox';
|
|
|
|
/** Animated {@link Checkbox} inside a {@link Dropdown} item. */
|
|
function DropdownCheckbox({ setValue, disabled, ...restProps }: CheckboxProps) {
|
|
return (
|
|
<div
|
|
className={clsx(
|
|
'px-3 py-1',
|
|
'text-left overflow-ellipsis whitespace-nowrap',
|
|
'disabled:clr-text-controls cc-animate-color',
|
|
!!setValue && !disabled && 'clr-hover'
|
|
)}
|
|
>
|
|
<Checkbox tabIndex={-1} disabled={disabled} setValue={setValue} {...restProps} />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default DropdownCheckbox;
|