import { CSSObject } from 'styled-components';
import { FoundationTokenType } from '../../../tokens/theme.token';
import { MultiValueInputSize, MultiValueInputState } from './types';
import { BreakpointType } from '../../../breakpoints/breakPoints';
export type MultiValueInputTokensType = {
    gap: CSSObject['gap'];
    label: {
        fontSize: CSSObject['fontSize'];
        fontWeight: CSSObject['fontWeight'];
        color: {
            [key in MultiValueInputState]: CSSObject['color'];
        };
    };
    subLabel: {
        fontSize: CSSObject['fontSize'];
        fontWeight: CSSObject['fontWeight'];
        color: {
            [key in MultiValueInputState]: CSSObject['color'];
        };
    };
    hintText: {
        fontSize: CSSObject['fontSize'];
        fontWeight: CSSObject['fontWeight'];
        color: {
            [key in MultiValueInputState]: CSSObject['color'];
        };
    };
    helpIcon: {
        width: CSSObject['width'];
        color: {
            [key in MultiValueInputState]: CSSObject['color'];
        };
    };
    errorMessage: {
        fontSize: CSSObject['fontSize'];
        fontWeight: CSSObject['fontWeight'];
        color: CSSObject['color'];
    };
    required: {
        color: CSSObject['color'];
    };
    inputContainer: {
        fontSize: {
            [key in MultiValueInputSize]: CSSObject['fontSize'];
        };
        fontWeight: {
            [key in MultiValueInputSize]: CSSObject['fontWeight'];
        };
        gap: CSSObject['gap'];
        borderRadius?: CSSObject['borderRadius'];
        boxShadow: {
            [key in MultiValueInputState]: CSSObject['boxShadow'];
        };
        padding: {
            x: {
                [key in MultiValueInputSize]: CSSObject['padding'];
            };
            y: {
                [key in MultiValueInputSize]: CSSObject['padding'];
            };
        };
        border: {
            [key in MultiValueInputState]: CSSObject['border'];
        };
        color: {
            [key in MultiValueInputState]: CSSObject['color'];
        };
        backgroundColor: {
            [key in MultiValueInputState]: CSSObject['backgroundColor'];
        };
    };
};
export type ResponsiveMultiValueInputTokens = {
    [key in keyof BreakpointType]: MultiValueInputTokensType;
};
export declare const getMultiValueInputTokens: (foundationTokens: FoundationTokenType) => ResponsiveMultiValueInputTokens;