import { ThemeType, ThemeWithDarkModeType } from "../../tokens";
export declare const SHRINKED_LABEL_TOP = 13;
export declare const EXPANDED_LABEL_TOP = 40;
export type VariantState = {
    untouched: {
        inputBorderColor: string;
        labelFontSize: number;
        labelColor: string;
        labelTop: number;
        inputTextColor: string;
    };
    touched: {
        inputBorderColor: string;
        labelFontSize: number;
        labelColor: string;
        labelTop: number;
        inputTextColor: string;
    };
    focused: {
        inputBorderColor: string;
        labelFontSize: number;
        labelColor: string;
        labelTop: number;
        inputTextColor: string;
    };
};
declare const getDefaultVariantStates: (theme: ThemeType | ThemeWithDarkModeType) => VariantState;
export declare const getInputVariants: (theme: ThemeType | ThemeWithDarkModeType) => {
    default: VariantState;
    error: VariantState;
    disabled: VariantState;
};
export type InputState = keyof ReturnType<typeof getDefaultVariantStates>;
export type InputVariant = keyof ReturnType<typeof getInputVariants>;
export declare const getInputState: ({ isFocused, value, }: {
    isFocused: boolean;
    value: string | undefined;
}) => InputState;
export declare const getInputVariant: ({ disabled, hasError, }: {
    disabled: boolean;
    hasError: boolean;
}) => "disabled" | "default" | "error";
export {};