import React from 'react';
import { FlintRadioGroup as FlintRadioGroupElement } from '@getufy/flint-ui/radio/flint-radio';
export interface FlintRadioGroupChangeDetail {
    value: string;
}
/**
 * Radio Group: manages a set of radio buttons with single selection.
 */
export interface FlintRadioGroupProps extends Omit<React.HTMLAttributes<FlintRadioGroupElement>, 'defaultValue'> {
    /** Accessible label for the radio group. */
    label?: string;
    /** Form field name for all radios in the group. */
    name?: string;
    /** Currently selected radio value. */
    value?: string;
    /** Initial value for uncontrolled usage. */
    defaultValue?: string;
    /** Disables all radios in the group. */
    disabled?: boolean;
    /** Marks the group as required for form validation. */
    required?: boolean;
    /**
     * Layout direction of the radio buttons.
     * Allowed values: 'horizontal' | 'vertical'
     */
    orientation?: 'horizontal' | 'vertical';
    /**
     * Size of the radio buttons.
     * Allowed values: 'sm' | 'md' | 'lg'
     */
    size?: 'sm' | 'md' | 'lg';
    /**
     * Fired when the selected radio value changes. detail: `{ value: string }`
     * DOM event: `flint-radio-group-change`
     */
    onFlintRadioGroupChange?: (event: CustomEvent<FlintRadioGroupChangeDetail>) => void;
}
export declare const FlintRadioGroup: React.ForwardRefExoticComponent<FlintRadioGroupProps & React.RefAttributes<FlintRadioGroupElement>>;