import { CSSObject } from 'styled-components';
import { ThemeType } from '../../tokens';
import { RadioSize } from './types';
import { BreakpointType } from '../../breakpoints/breakPoints';
export type RadioState = 'default' | 'hover' | 'disabled' | 'error';
export type RadioIndicatorState = 'active' | 'inactive';
export type RadioTokensType = Readonly<{
    gap: CSSObject['gap'];
    group: {
        gap: CSSObject['gap'];
    };
    indicator: {
        [key in RadioIndicatorState]: {
            backgroundColor: {
                [key in RadioState]: CSSObject['backgroundColor'];
            };
            borderColor: {
                [key in RadioState]: CSSObject['borderColor'];
            };
        };
    };
    activeIndicator: {
        active: {
            backgroundColor: {
                [key in Exclude<RadioState, 'hover' | 'error'>]: CSSObject['backgroundColor'];
            };
        };
    };
    content: {
        label: {
            gap: CSSObject['gap'];
            color: {
                [key in RadioState]: CSSObject['color'];
            };
            fontSize: {
                [key in RadioSize]: CSSObject['fontSize'];
            };
            fontWeight: {
                [key in RadioSize]: CSSObject['fontWeight'];
            };
        };
        sublabel: {
            color: {
                [key in RadioState]: CSSObject['color'];
            };
            fontSize: {
                [key in RadioSize]: CSSObject['fontSize'];
            };
            fontWeight: {
                [key in RadioSize]: CSSObject['fontWeight'];
            };
        };
    };
    height: {
        [key in RadioSize]: CSSObject['height'];
    };
    borderWidth: {
        [key in RadioIndicatorState]: {
            [key in RadioState]: number;
        };
    };
    slot: {
        [key in RadioSize]: CSSObject['width'];
    };
    required: {
        color: CSSObject['color'];
    };
}>;
export type ResponsiveRadioTokens = {
    [key in keyof BreakpointType]: RadioTokensType;
};
export declare const getRadioTokens: (foundationToken: ThemeType) => ResponsiveRadioTokens;