import { TemplateResult } from 'lit';
import { OmniElement } from '../core/OmniElement.js';
/**
 * Control to select a single value from a group of values.
 *
 * @import
 * ```js
 * import '@capitec/omni-components/radio';
 * ```
 *
 * @example
 * ```html
 * <omni-radio
 *   label="My Toggle Value"
 *   hint="Required"
 *   error="Field level error message"
 *   checked
 *   disabled>
 * </omni-radio>
 * ```
 *
 * @element omni-radio
 *
 * Registry of all properties defined by the component.
 *
 * @slot - Content to render inside the component.
 *
 * @fires {CustomEvent<{ old: Boolean; new: Boolean; }>} value-change - Dispatched when the control value is changed to either on or off.
 *
 * @cssprop --omni-radio-width - Width.
 * @cssprop --omni-radio-height - Height.
 * @cssprop --omni-radio-padding - Padding.
 *
 * @cssprop --omni-radio-label-font-color - Label Font Color.
 * @cssprop --omni-radio-label-font-family - Label Font Family.
 * @cssprop --omni-radio-label-font-size - Label Font Size.
 * @cssprop --omni-radio-label-font-weight - Label Font Weight.
 * @cssprop --omni-radio-label-line-height - Label Line Height.
 * @cssprop --omni-radio-label-spacing - Label Spacing.
 *
 * @cssprop --omni-input-hint-label-font-color - Hint Font Color.
 * @cssprop --omni-input-hint-label-font-family - Hint Font Family.
 * @cssprop --omni-input-hint-label-font-size - Hint Font Size.
 * @cssprop --omni-input-hint-label-font-weight - Hint Font Weight.
 *
 * @cssprop --omni-input-error-label-font-color - Error Font Color.
 * @cssprop --omni-input-error-label-font-family - Error Font Family.
 * @cssprop --omni-input-error-label-font-size - Error Font Size.
 * @cssprop --omni-input-error-label-font-weight - Error Font Weight.
 *
 * @cssprop --omni-radio-background-color - Background Color.
 * @cssprop --omni-radio-border-width - Border Width.
 * @cssprop --omni-radio-border-style - Border Style.
 * @cssprop --omni-radio-border-color - Border Color.
 * @cssprop --omni-radio-border-radius - Border Radius.
 *
 * @cssprop --omni-radio-indicator-border-width - Indicator Border Width.
 * @cssprop --omni-radio-indicator-border-color - Indicator Border Color.
 * @cssprop --omni-radio-border-radius - Indicator Border Radius.
 * @cssprop --omni-radio-indicator-color - Indicator Color.
 *
 * @cssprop --omni-radio-checked-background-color - Checked Background color.
 *
 * @cssprop --omni-radio-hover-box-shadow - Hover Box Shadow.
 * @cssprop --omni-radio-hover-background-color - Hover Background Color.
 *
 * @cssprop --omni-radio-disabled-border-color - Disabled Border Color.
 * @cssprop --omni-radio-disabled-background-color - Disabled Background Color.
 *
 */
export declare class Radio extends OmniElement {
    /**
     * Text label.
     * @attr
     */
    label?: string;
    /**
     * Data associated with the component.
     * @attr
     */
    data?: object;
    /**
     * A hint message to assist the user.
     * @attr
     */
    hint?: string;
    /**
     * An error message to guide users to correct a mistake.
     * @attr
     */
    error?: string;
    /**
     * Indicator if the component is checked or not.
     * @attr
     */
    checked?: boolean;
    /**
     * Indicator if the component is disabled.
     * @attr
     */
    disabled?: boolean;
    focus(): void;
    _click(event: MouseEvent): void;
    _keyDown(event: KeyboardEvent): void;
    _toggleChecked(): void;
    static get styles(): import("lit").CSSResultGroup[];
    render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'omni-radio': Radio;
    }
}
//# sourceMappingURL=Radio.d.ts.map