import { default as React, ChangeEvent, SVGProps } from 'react';
/**
 * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#15385-19713
 * Figma "Checkbox" (box 20px, 40px touch). Figma **Type** (Unchecked/Indeterminate/Checked) ←
 * `checked`/`indeterminate`; Figma **State** (Enabled/Hovered/Focused/Disabled/Read-only) ← native
 * hover/focus + `disabled`/`readOnly`/`error`. Checked/indeterminate box = `gama-500` #168181,
 * unchecked border = `delta-500`; Error = box border `error-500` #e10700 (node 41325-207511/207527).
 */
type StyledCheckboxProps = {
    /** @figmaProp none — test hook */
    dataTest: string;
    /** @figmaProp none — app size (Figma box is 20px) */
    size?: 'small' | 'medium';
    /** @figmaProp Type = true→"Checked" | false→"Unchecked" */
    checked?: boolean;
    /** @figmaProp Type = true→"Indeterminate" */
    indeterminate?: boolean;
    /** @figmaProp State = true→"Error" (box border → error-500) */
    error?: boolean;
    disableRipple?: boolean;
    hideWrapper?: boolean;
    className?: string;
    checkboxClassName?: string;
    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
    /**
     * Renders the identical visual box (same classes/data-attrs — no visual change) with NO real
     * `<input>` at all, for use as a pure state indicator inside a widget that already owns
     * selection itself (e.g. a multi-select `role="option"` row, whose own `aria-selected` is the
     * real accessible state). A real `<input type="checkbox">` there is a genuine axe
     * `nested-interactive` violation (a focusable, semantically-interactive element nested inside a
     * non-focusable widget descendant) — `aria-hidden`/`tabIndex={-1}` do NOT satisfy that check, only
     * removing the input does. Do not use this for a checkbox that is itself the control (nothing else
     * would let a keyboard/AT user operate it).
     */
    decorative?: boolean;
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size' | 'checked' | 'type'>;
export declare const IndeterminateIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
export declare const CheckIcon: (props: SVGProps<SVGSVGElement>) => JSX.Element;
/**
 * Native `<input type="checkbox">` checkbox (replaces `@base-ui/react`). A visually-hidden input
 * carries state + a11y; the visual box, ripple, and indeterminate bar come from the SCSS module
 * (kept: `@keyframes`/pseudo-elements aren't Tailwind-expressible — GUD-003), whose `data-*`
 * selectors are driven from React here. Public props unchanged. TASK-201.
 */
export declare const StyledCheckbox: React.FC<StyledCheckboxProps>;
export {};