import { default as React, ButtonHTMLAttributes } from 'react'; /** * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#9197-92635 * Figma "Switch" / `_BASE_Switch` (track 38×22, knob 18, touch 54×32). Figma **Selected** (true/false) * ← `checked`/`defaultChecked`; Figma **State** (Enabled/Hovered/Focused/Error/Disabled/Read-only) * ← native hover/focus + `error`/`disabled`/`readOnly`. On = `gama-500` #168181, Off = `delta-400` #a2acbb. */ type StyledSwitchProps = { /** @figmaProp Selected = true→"true" | false→"false" (controlled) */ checked?: boolean; /** @figmaProp Selected = initial (uncontrolled) */ defaultChecked?: boolean; onChange?: (event: React.ChangeEvent, checked: boolean) => void; /** @figmaProp State = true→"Disabled" */ disabled?: boolean; /** @figmaProp State = true→"Read-only" */ readOnly?: boolean; /** @figmaProp none — a11y */ required?: boolean; /** @figmaProp State = true→"Error" */ error?: boolean; /** @figmaProp none — a11y id */ id?: string; /** @figmaProp none — test hook */ dataTest?: string; className?: string; } & Omit, 'onChange' | 'type'>; export type SwitchProps = StyledSwitchProps; /** * Native `