|
|
@ -9,7 +9,7 @@ const Switch = React.forwardRef< |
|
|
>(({ className, ...props }, ref) => ( |
|
|
>(({ className, ...props }, ref) => ( |
|
|
<SwitchPrimitives.Root |
|
|
<SwitchPrimitives.Root |
|
|
className={cn( |
|
|
className={cn( |
|
|
"node inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-slate-900 data-[state=unchecked]:bg-slate-200 dark:focus:ring-slate-400 dark:focus:ring-offset-slate-900 dark:data-[state=checked]:bg-slate-400 dark:data-[state=unchecked]:bg-slate-700", |
|
|
"peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-slate-900 data-[state=unchecked]:bg-slate-200 dark:focus:ring-slate-400 dark:focus:ring-offset-slate-900 dark:data-[state=checked]:bg-slate-400 dark:data-[state=unchecked]:bg-slate-700", |
|
|
className, |
|
|
className, |
|
|
)} |
|
|
)} |
|
|
{...props} |
|
|
{...props} |
|
|
|