import { PropertyValueMap } from "lit";
import { RadioOption, RadioOptions } from "../../types";
import { FRoot } from "@nonfx/flow-core";
export declare const radioGroupStyles: string;
/**
 * @summary Text component includes Headings, titles, body texts and links.
 */
export declare class FRadioGroup extends FRoot {
    /**
     * css loaded from scss file
     */
    static styles: import("lit").CSSResult[];
    /**
     * @attribute Controls size of all input elements within the form
     */
    options: RadioOptions;
    /**
     * @attribute Controls size of all input elements within the form
     */
    state?: "primary" | "default" | "success" | "warning" | "danger";
    /**
     * @attribute Controls size of all input elements within the form
     */
    value?: RadioOption;
    /**
     * @attribute Decides the direction of the input elements within the group.
     */
    direction?: "vertical" | "horizontal";
    /**
     * @attribute decides the gap between elements of a group
     */
    gap?: "large" | "medium" | "small" | "x-small";
    helperText?: string;
    /**
     * @attribute The disabled attribute can be set to keep a user from clicking on the radio group.
     */
    disabled?: boolean;
    handleChange(option: RadioOption): void;
    isChecked(option: RadioOption): "selected" | "unselected";
    protected willUpdate(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
    render(): import("lit-html").TemplateResult<1>;
}