import "./Switch.css"; import { AriaLabelingProps, InteractionStatesProps } from "../../shared"; import { ChangeEvent, ComponentProps, ElementType, ForwardedRef, ReactNode } from "react"; export interface InnerSwitchProps extends InteractionStatesProps, AriaLabelingProps { /** * @ignore */ name?: string; /** * @ignore */ tabIndex?: number; /** * A controlled checked state value. */ checked?: boolean | null; /** * The initial value of `checked` when uncontrolled. */ defaultChecked?: boolean; /** * Whether or not the checkbox should autoFocus on render. */ autoFocus?: boolean | number; /** * Whether or not a user input is required before form submission. */ required?: boolean; /** * Whether or not the checkbox should display as "valid" or "invalid". */ validationState?: "valid" | "invalid"; /** * A checkbox can vary in size. */ size?: "sm" | "md"; /** * Invert the order the checkmark box and the label. */ reverse?: boolean; /** * Called when the switch checked state change. * @param {ChangeEvent} event - React's original synthetic event. * @param {boolean} isChecked - Whether or not the input is checked. * @returns {void} */ onChange?: (event: ChangeEvent, isChecked: boolean) => void; /** * An HTML element type or a custom React element type to render as. */ as?: ElementType; /** * React children. */ children?: ReactNode; /** * @ignore */ forwardedRef: ForwardedRef; } export declare function InnerSwitch(props: InnerSwitchProps): JSX.Element; export declare const Switch: import("../../shared").OrbitComponent; export declare type SwitchProps = ComponentProps;