import React from 'react';
import { FlintRadio as FlintRadioElement } from '@getufy/flint-ui/radio/flint-radio';
export interface FlintRadioSelectDetail {
    value: string;
}
/**
 * Radio: a single radio button within a radio group.
 */
export interface FlintRadioProps extends React.HTMLAttributes<FlintRadioElement> {
    /** Whether this radio is selected. */
    checked?: boolean;
    /** Disables this radio and prevents interaction. */
    disabled?: boolean;
    /** Whether this radio is required. */
    required?: boolean;
    /** Form field name (usually set by the parent group). */
    name?: string;
    /** Value associated with this radio option. */
    value?: string;
    /** Visible label text for this radio option. */
    label?: string;
    /**
     * Size of the radio button.
     * Allowed values: 'sm' | 'md' | 'lg'
     */
    size?: 'sm' | 'md' | 'lg';
    /**
     * Fired when this radio is selected. detail: `{ value: string }`
     * DOM event: `flint-radio-select`
     */
    onFlintRadioSelect?: (event: CustomEvent<FlintRadioSelectDetail>) => void;
}
export declare const FlintRadio: React.ForwardRefExoticComponent<FlintRadioProps & React.RefAttributes<FlintRadioElement>>;