import { EventEmitter } from '../../stencil-public-runtime';
export interface RadioOption {
    label: string;
    value: string;
    description?: string;
    isInactive?: boolean;
}
export type RadioSize = 'lg' | 'md' | 'sm' | 'xs';
export declare class Radio {
    el: HTMLElement;
    internals: ElementInternals;
    private readonly instanceId;
    /** Visible choices in this one-of-many set. */
    options: RadioOption[];
    /** Selected option value. */
    value: string;
    /** Visual and placement density for every option. */
    size: RadioSize;
    /** Native form field name. */
    name: string | undefined;
    /** Associates the radio set with a form by id when rendered outside that form. */
    form: string | undefined;
    /** Native disabled state for the complete set. */
    disabled: boolean;
    /** Require one option to be selected for form validity. */
    required: boolean;
    /** Validation message used when a required set has no selection. */
    requiredMessage: string;
    /** Layout direction for the option set. */
    direction: 'vertical' | 'horizontal';
    /** Design-system inactive state for the complete set. */
    isInactive: boolean;
    /** Accessible name when visible group labeling is unavailable. */
    ariaLabel: string | null;
    /** Id reference for a visible group label. */
    ariaLabelledby: string | undefined;
    /** Emitted after user selection with the selected option value. */
    dsChange: EventEmitter<string>;
    private initialValue;
    private formDisabled;
    componentWillLoad(): void;
    syncFormValue(): void;
    formDisabledCallback(disabled: boolean): void;
    formResetCallback(): void;
    formStateRestoreCallback(state: string | File | FormData | null): void;
    /** Focus the selected option, or the first active option when nothing is selected. */
    setFocus(): Promise<void>;
    private get activeItems();
    handleKeyDown(e: KeyboardEvent): void;
    private selectItem;
    render(): any;
}
//# sourceMappingURL=Radio.d.ts.map