import React from 'react';
import { type SelectionProps } from './resolve-selection.js';
export type ToggleSize = 'sm' | 'md' | 'lg';
export type ToggleIntent = 'brand' | 'neutral' | 'danger';
export interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, SelectionProps {
    /** Matches the Figma `Size` variant: Small, Medium, Large. */
    size?: ToggleSize;
    /** Matches the Figma `Color` variant: Brand, Neutral, Danger. */
    intent?: ToggleIntent;
    /** Whether the toggle is disabled. */
    isDisabled?: boolean;
    /**
     * @deprecated Use `isDisabled`. Accepted as an alias for one minor version.
     */
    disabled?: boolean;
    children?: React.ReactNode;
}
/**
 * Toggle is a checkbox with `role="switch"`.
 *
 * Not a button with aria-pressed: a switch is a form value, and the checkbox
 * gives form association and `:checked` for free. `role="switch"` changes only
 * how it is announced — "on/off" rather than "checked/unchecked" — which is
 * what Figma's On/Off states describe.
 *
 * The visual difference from Checkbox is entirely in CSS; this component and
 * Checkbox are near-identical by design rather than by accident, and are kept
 * apart because Figma models them as separate components with separate size
 * ramps.
 */
export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
//# sourceMappingURL=Toggle.d.ts.map