/// <reference types="react" />
import { TStyledContainer } from '../../types';
export declare const FONT: {
    SIZE: {
        BASE: string;
        XXXS: string;
        XXS: string;
        XS: string;
        S: string;
        MS: string;
        M: string;
        ML: string;
        MXL: string;
        L: string;
        XL: string;
        XXL: string;
        XXXL: string;
    };
    LINE_HEIGHT: {
        BASE: string;
        S: string;
        M: string;
    };
    WEIGHT: {
        BASE: string;
    };
    SPACING: {
        L: string;
    };
    FAMILY: {
        BASE: string;
    };
};
export declare const COLOR: {
    PRIMARY: string;
    INVERT: string;
    ERROR: string;
    WARNING: string;
};
export declare const DEFAULT_THEME: {
    FONT: {
        SIZE: {
            BASE: string;
            XXXS: string;
            XXS: string;
            XS: string;
            S: string;
            MS: string;
            M: string;
            ML: string;
            MXL: string;
            L: string;
            XL: string;
            XXL: string;
            XXXL: string;
        };
        LINE_HEIGHT: {
            BASE: string;
            S: string;
            M: string;
        };
        WEIGHT: {
            BASE: string;
        };
        SPACING: {
            L: string;
        };
        FAMILY: {
            BASE: string;
        };
    };
    COLOR: {
        PRIMARY: string;
        INVERT: string;
        ERROR: string;
        WARNING: string;
        LIGHT: string;
    };
    BACKGROUND: {
        PRIMARY: string;
        INVERT: string;
    };
};
export declare const Error: import("styled-components").StyledComponent<({ html, className, children }: import("../../types").TCaption) => JSX.Element, any, {}, never>;
export declare const FormText: import("styled-components").StyledComponent<({ html, className, children }: import("../../types").TCaption) => JSX.Element, any, {}, never>;
export declare const BottomText: import("styled-components").StyledComponent<({ html, className, children }: import("../../types").TCaption) => JSX.Element, any, {}, never>;
export declare const FormGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledField: import("styled-components").StyledComponent<({ className, name, type, label, placeholder, field, required, disabled, onChange, onBlur }: import("../../types").TField) => JSX.Element, any, {}, never>;
export declare const StyledButton: import("styled-components").StyledComponent<({ className, type, disabled, pending, outlined, icon, onHover, onFocus, onBlur, onClick, theme, styles, children }: any) => JSX.Element, any, {}, never>;
export declare const buttonStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
export declare const StyledForm: import("styled-components").StyledComponent<({ className, action, method, initialValues, onChange, onValidate, onValid, onSubmit, onError, children }: import("../../types").TForm) => JSX.Element, any, {}, never>;
export declare const Container: import("styled-components").StyledComponent<"div", any, {
    Form: import("styled-components").StyledComponent<({ className, action, method, initialValues, onChange, onValidate, onValid, onSubmit, onError, children }: import("../../types").TForm) => JSX.Element, any, {}, never>;
    FormGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
    FormText: import("styled-components").StyledComponent<({ html, className, children }: import("../../types").TCaption) => JSX.Element, any, {}, never>;
    BottomText: import("styled-components").StyledComponent<({ html, className, children }: import("../../types").TCaption) => JSX.Element, any, {}, never>;
    Field: import("styled-components").StyledComponent<({ className, name, type, label, placeholder, field, required, disabled, onChange, onBlur }: import("../../types").TField) => JSX.Element, any, {}, never>;
    Button: import("styled-components").StyledComponent<({ className, type, disabled, pending, outlined, icon, onHover, onFocus, onBlur, onClick, theme, styles, children }: any) => JSX.Element, any, {}, never>;
    Error: import("styled-components").StyledComponent<({ html, className, children }: import("../../types").TCaption) => JSX.Element, any, {}, never>;
} & TStyledContainer, "Form" | "FormGroup" | "FormText" | "BottomText" | "Field" | "Button" | "Error">;
//# sourceMappingURL=styles.d.ts.map