import { ElementType, ReactNode, ComponentPropsWithoutRef } from 'react';
import { Color } from '../types.js';
import { SurfaceVariant } from './Surface.js';
export type SwitchSize = 'sm' | 'md';
interface SwitchOwnProps<C extends ElementType = 'label'> {
    /** Controlled checked state. Default `false`. */
    checked?: boolean;
    /** Visually dim the switch and disable interaction. */
    disabled?: boolean;
    /** Block toggling without the disabled visual treatment. */
    readOnly?: boolean;
    /** Fires when the user toggles. First arg is the new checked state, second is the raw event. */
    onChange?: (checked: boolean, event?: React.ChangeEvent<HTMLInputElement>) => void;
    /** Accent color for the checked state thumb fill. Default: theme accent. */
    color?: Color;
    /**
     * Polymorphic root element. Defaults to `'label'` so a wrapping `<label>` activates the hidden input on click.
     *
     * Use a non-label container when nesting inside an existing label — see `hoverable`/`focusable` for how this changes interactivity.
     */
    as?: C;
    /**
     * Icon rendered inside the thumb. Pass either a static `ReactNode`, or a function `(checked) => ReactNode` to render different content based on the switch state.
     *
     * If omitted, the built-in animated cross/check glyph is used.
     */
    icon?: ReactNode | ((checked: boolean) => ReactNode);
    /** Switch size token. Drives track width and thumb size. Default `'md'`. */
    size?: SwitchSize;
    /** Extra classes for the outer label/element. */
    className?: string;
    /**
     * When `true` (default), renders a hidden native `<input type="checkbox" role="switch">` for form submission and accessibility.
     *
     * When `false`, falls back to ARIA roles (`role="switch"`, `aria-checked`, keyboard `Space`/`Enter` toggling).
     */
    input?: boolean;
    /**
     * Auto-computed when omitted: `true` if `as === 'label'`, otherwise `false`.
     *
     * Override explicitly for custom containers that should still show hover affordances.
     */
    hoverable?: boolean;
    /**
     * Auto-computed when omitted: `true` if `as === 'label'` OR `input` is `true`.
     *
     * Drives whether the focus ring (`FocusableLayer`) is rendered on the thumb.
     */
    focusable?: boolean;
    /** Outline ring on the **track** (background surface). Default `true`. */
    outline?: boolean;
    /**
     * Surface level for the **track**. Default `'+1'` - one level deeper than the parent surface.
     *
     * Accepts the same absolute / relative (`"+1"`/`"-1"`) syntax as `Surface.level`.
     */
    surfaceLevel?: string | number;
    /** Surface variant for the **track**. Default `'solid'`. */
    variant?: SurfaceVariant;
    /** Outline ring on the **thumb**. Default `true`. */
    thumbOutline?: boolean;
    /** Surface variant for the **thumb**. Default `'gradient'`. */
    thumbVariant?: SurfaceVariant;
    /**
     * Surface level for the **thumb**. Default `'+2'` - two levels deeper than the parent surface, so the thumb reads as a raised piece on top of the track.
     */
    thumbSurfaceLevel?: string | number;
}
export type SwitchProps<C extends ElementType = 'label'> = SwitchOwnProps<C> & Omit<ComponentPropsWithoutRef<C>, keyof SwitchOwnProps<C>>;
/** Shape of `Switch` defaults that can be supplied via `CladdProvider`'s `defaults` prop. */
export type SwitchDefaultProps = Partial<Omit<SwitchOwnProps, 'as'>>;
export declare function Switch<C extends ElementType = 'label'>(props: SwitchProps<C>): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=Switch.d.ts.map