import { ComponentStyleConfig } from '@chakra-ui/theme';
export declare const iconStyles: {
    disabled: {
        color: string;
    };
    withContent: {
        color: string;
    };
};
export declare const labelStyles: {
    backgroundColor: string;
    transitionProperty: string;
    transitionDuration: string;
    sizes: {
        large: {
            paddingX: string;
            paddingY: string;
        };
        medium: {
            paddingX: string;
            paddingY: string;
        };
        small: {
            paddingX: string;
            paddingY: string;
        };
    };
    variants: {
        outline: {
            invalid: {
                boxShadow: string;
                border: string;
                borderColor: string;
                position: string;
                zIndex: number;
            };
            disabled: {
                color: string;
                borderColor: string;
                border: string;
            };
            hovered: {
                borderColor: string;
            };
        };
        flushed: {
            invalid: {};
            disabled: {};
            hovered: {};
        };
    };
};
export declare const inputGroupStyles: {
    outline: {
        invalid: {
            boxShadow: string;
            border: string;
            borderColor: string;
        };
        focused: {
            boxShadow: string;
        };
    };
    flushed: {
        invalid: {
            boxShadow: string;
            border: string;
            borderColor: string;
            borderRadius: number;
        };
        focused: {
            boxShadow: string;
            borderRadius: number;
        };
        hovered: {};
    };
};
export declare const getInputGroupStyle: (props: {
    isFocused?: boolean;
    isHovered?: boolean;
    isInvalid?: boolean;
    isDisabled?: boolean;
}, variant?: string) => any;
export declare const getLabelStyle: (props: {
    isFocused?: boolean;
    isHovered?: boolean;
    isInvalid?: boolean;
    isDisabled?: boolean;
}, variant?: string) => any;
export declare const getIconStyle: (props: {
    isDisabled?: boolean;
    hasContent?: boolean;
}) => {};
export declare const flushedStyle: (props: any) => {
    inputGroup: any;
    leftLabel: any;
    rightLabel: any;
    element: {
        color: string;
    };
    elementContainer: {
        height: string;
    };
    field: {
        color: string;
        backgroundColor: string;
        border: string;
        borderColor: string;
        borderRadius: number;
        _placeholder: {
            color: string;
            textStyle: string;
        };
        _hover: {
            backgroundColor: string;
            border: string;
            borderBottom: string;
        };
        _focusVisible: {
            boxShadow: string;
            border: string;
            borderBottom: string;
            borderColor: string;
        };
        _invalid: {
            boxShadow: string;
            border: string;
            borderColor: string;
        };
        _disabled: {
            _hover: {
                opacity: number;
                _placeholder: {
                    color: string;
                };
                color: string;
                backgroundColor: string;
                borderWidth: string;
                borderStyle: string;
                borderColor: string;
            };
            opacity: number;
            _placeholder: {
                color: string;
            };
            color: string;
            backgroundColor: string;
            borderWidth: string;
            borderStyle: string;
            borderColor: string;
        };
    };
};
export declare const Input: ComponentStyleConfig;