import { type InputHTMLAttributes, type ReactNode } from 'react';
type RadioProps = {
    readonly label: string;
    readonly options: Record<string, string>;
    readonly radio: Omit<InputHTMLAttributes<HTMLInputElement>, 'checked'>;
    readonly helperText?: string;
    readonly error?: string;
    readonly orientation?: 'vertical' | 'horizontal';
};
/**
 * Radio component for rendering a group of radio buttons with labels, helper text, and error message.
 *
 * @component
 * @example
 * // Example usage of Radio component
 * <Radio
 *   label="Select an option"
 *   options={{ option1: 'Option 1', option2: 'Option 2' }}
 *   radio={{ name: 'example', value: 'option1', onChange: () => console.log('Radio changed') }}
 *   helperText="Please select one option"
 *   error="This field is required"
 *   orientation="vertical"
 * />
 *
 * @param {Object} props - The properties of the Radio component.
 * @param {string} props.label - The label text for the radio group.
 * @param {Record<string, string>} props.options - The options for the radio buttons, where the key is the value and the value is the display text.
 * @param {Omit<InputHTMLAttributes<HTMLInputElement>, 'checked'>} props.radio - The properties for the radio input elements.
 * @param {string} [props.helperText] - Optional helper text to be displayed below the radio group.
 * @param {string} [props.error] - Optional error message to be displayed below the radio group.
 * @param {'vertical' | 'horizontal'} [props.orientation='vertical'] - The orientation of the radio buttons.
 *
 * @returns {ReactNode} The rendered Radio component.
 */
export declare function Radio({ label, options, radio, helperText, error, orientation, }: RadioProps): ReactNode;
export {};
//# sourceMappingURL=Radio.d.ts.map