import { type ReactNode } from "react";
import { type StyleProp, type ViewStyle } from "../../style/index.js";
export interface RadioGroupProps {
    /** The selected option's value (CONTROLLED). Omit for uncontrolled use. */
    value?: string | number;
    /** Initial selected value for uncontrolled use (a bare group selects on press). */
    defaultValue?: string | number;
    /** Fired with the newly selected option's value. */
    onChange?: (value: string | number) => void;
    /** Disable every radio in the group. */
    disabled?: boolean;
    /** Lay the options out in a wrapping row instead of the default column. */
    row?: boolean;
    /**
     * The group's name, rendered as a heading above the options. It also becomes the
     * radiogroup's accessible name, so a screen reader announces what the set of
     * options is about before reading them. 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 `<Radio value="…">` options that make up the group. */
    children?: ReactNode;
    /** E2E hook forwarded to the group container. */
    testID?: string;
    /** Outer layout composition only (width/flex within a parent), never a restyle hook. */
    style?: StyleProp<ViewStyle>;
}
/**
 * A group of Radio options with single-select state. Wrap `<Radio value="…">`
 * children in it; the group tracks which value is chosen and moves the selection
 * on press. Pass `value` + `onChange` to control it, or `defaultValue` (or
 * nothing) to let it manage its own selection.
 */
export declare function RadioGroup(props: RadioGroupProps): import("react").JSX.Element;
//# sourceMappingURL=radio-group.d.ts.map