import { CSSObject } from 'styled-components';
import { FoundationTokenType } from '../../../tokens/theme.token';
import { BreakpointType } from '../../../breakpoints/breakPoints';
declare enum OTPInputState {
    DEFAULT = "default",
    HOVER = "hover",
    FOCUS = "focus",
    ERROR = "error",
    DISABLED = "disabled"
}
export type OTPInputTokensType = {
    gap: CSSObject['gap'];
    label: {
        fontSize: CSSObject['fontSize'];
        fontWeight: CSSObject['fontWeight'];
        color: {
            [key in OTPInputState]: CSSObject['color'];
        };
    };
    subLabel: {
        fontSize: CSSObject['fontSize'];
        fontWeight: CSSObject['fontWeight'];
        color: {
            [key in OTPInputState]: CSSObject['color'];
        };
    };
    helpIcon: {
        width: CSSObject['width'];
        color: {
            [key in OTPInputState]: CSSObject['color'];
        };
    };
    hintText: {
        fontSize: CSSObject['fontSize'];
        fontWeight: CSSObject['fontWeight'];
        color: {
            [key in OTPInputState]: CSSObject['color'];
        };
    };
    errorMessage: {
        fontSize: CSSObject['fontSize'];
        fontWeight: CSSObject['fontWeight'];
        color: CSSObject['color'];
    };
    required: {
        color: CSSObject['color'];
    };
    inputContainer: {
        gap: CSSObject['gap'];
        input: {
            height: CSSObject['height'];
            width: CSSObject['width'];
            fontSize: CSSObject['fontSize'];
            fontWeight: CSSObject['fontWeight'];
            color: {
                [key in OTPInputState]: CSSObject['color'];
            };
            borderRadius: CSSObject['borderRadius'];
            boxShadow: CSSObject['boxShadow'];
            border: {
                [key in OTPInputState]: CSSObject['border'];
            };
            backgroundColor: {
                [key in OTPInputState]: CSSObject['backgroundColor'];
            };
        };
    };
};
export type ResponsiveOTPInputTokens = {
    [key in keyof BreakpointType]: OTPInputTokensType;
};
export declare const getOTPInputTokens: (foundationToken: FoundationTokenType) => ResponsiveOTPInputTokens;
export {};