import * as React from 'react';
import { BoxProps } from '../Box';
import { TextProps } from '../Text';
import { IconProps } from '../Icon';
export declare type LocalRadioProps = {
    /** Aligns the radio to the left or right side. */
    align?: 'left' | 'right';
    /** Indicates if the radio is checked. */
    checked?: boolean;
    /** Sets the default checked state. */
    defaultChecked?: boolean;
    /** Disables the radio */
    disabled?: boolean;
    /*** Sets the props of the icon */
    iconProps?: Partial<IconProps>;
    /*** Sets the props of the icon wrapper */
    iconWrapperProps?: Partial<BoxProps>;
    /** Radio label */
    label?: string;
    /*** Sets the props of the label */
    labelProps?: Partial<TextProps>;
    /*** Sets the color of the radio */
    palette?: string;
    /** Function to invoke when radio has changed */
    onChange?: ({ checked, value }: {
        checked: boolean;
        value?: any;
    }) => void;
    /** State of the radio. Can be any color in the palette. */
    state?: string;
    value?: any;
};
export declare type RadioProps = BoxProps & LocalRadioProps;
export declare const Radio: React.ForwardRefExoticComponent<Omit<import("bumbag/types").CSSProperties, "pointerEvents"> & import("react-native").ViewProps & import("../Box").LocalBoxProps & {
    active?: boolean;
    focus?: boolean;
    hover?: boolean;
    hoveractive?: boolean;
} & LocalRadioProps & React.RefAttributes<unknown>> & {
    displayName?: string;
    useProps: (props?: Partial<RadioProps>, config?: {
        disableCSSProps?: string[];
        themeKey?: string;
    }) => any;
};