egutierrez
97a3c84625
Reescribe todos los componentes UI para usar Mantine v9 en lugar de shadcn/Tailwind. Elimina cn(), CVA, components.json, theme_provider custom y globals.css con Tailwind. Añade 25+ componentes nuevos (AppShell, AuthForm, DatePickerInput, Dropzone, etc.) y MantineProvider como wrapper estándar del sistema de temas. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
34 lines
845 B
TypeScript
34 lines
845 B
TypeScript
import { Switch } from "@mantine/core"
|
|
|
|
interface SwitchToggleProps {
|
|
label?: string
|
|
labelPosition?: "left" | "right"
|
|
className?: string
|
|
checked?: boolean
|
|
defaultChecked?: boolean
|
|
disabled?: boolean
|
|
onCheckedChange?: (checked: boolean) => void
|
|
id?: string
|
|
}
|
|
|
|
function SwitchToggle({ className, label, labelPosition = "right", id, checked, defaultChecked, disabled, onCheckedChange, ...props }: SwitchToggleProps) {
|
|
return (
|
|
<Switch
|
|
id={id}
|
|
data-slot="switch"
|
|
label={label}
|
|
labelPosition={labelPosition}
|
|
checked={checked}
|
|
defaultChecked={defaultChecked}
|
|
disabled={disabled}
|
|
onChange={(event) => onCheckedChange?.(event.currentTarget.checked)}
|
|
className={className}
|
|
size="sm"
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export { SwitchToggle }
|
|
export type { SwitchToggleProps }
|