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 `