import { type ReactNode } from "react";
import { type LayoutStyle } from "../../style/index.js";
export interface ChipGroupProps {
    /** The chosen chip's value (CONTROLLED). Omit for uncontrolled use. */
    value?: string | number;
    /** Initial chosen value for uncontrolled use (a bare group selects on press). */
    defaultValue?: string | number;
    /** Fired with the newly chosen chip's value. */
    onChange?: (value: string | number) => void;
    /** Disable every chip in the group. */
    disabled?: boolean;
    /**
     * Draw every chip as an `option` chip (Chip's compact settings pick), 4 px apart: the
     * pick-one sets of a settings panel.
     */
    option?: boolean;
    /**
     * The group's name, rendered as a heading above the chips and announced as the
     * radiogroup's accessible name. The group owns this label anatomy; never hand-compose
     * a heading Text beside a bare group.
     */
    label?: string;
    /** Optional muted supporting line rendered under the label. */
    description?: ReactNode;
    /**
     * The group's accessible name when the page already shows its heading elsewhere (no
     * visible label is rendered). `label` wins when both are passed.
     */
    accessibilityLabel?: string;
    /** The `<Chip value="…">` options that make up the set. */
    children?: ReactNode;
    /** E2E hook forwarded to the group container. */
    testID?: string;
    /** Outer layout composition only (flex within a parent), never a restyle hook. */
    style?: LayoutStyle;
}
/**
 * A pick-one set of chips (a radiogroup): wrap `<Chip value="…">` children in it; the
 * group tracks which value is chosen, moves the selection on press, and is one tab stop
 * whose arrow keys move and select. Pass `value` + `onChange` to control it, or
 * `defaultValue` (or nothing) to let it manage its own selection.
 */
export declare function ChipGroup(props: ChipGroupProps): import("react").JSX.Element;
//# sourceMappingURL=chip-group.d.ts.map