import React from "react";
export declare const LabelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const Title: import("styled-components").StyledComponent<"div", any, {
    flex?: boolean;
}, never>;
export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const FieldErrMessage: import("styled-components").StyledComponent<"div", any, {
    className: "fw5 f6 animate__animated animate__fadeIn faster";
}, "className">;
export declare const Input: import("styled-components").StyledComponent<"input", any, {
    error: boolean;
}, never>;
export declare const TextArea: import("styled-components").StyledComponent<"textarea", any, {
    error: boolean;
}, never>;
interface TextFieldProps {
    textarea?: boolean;
    label?: string;
    description?: string;
    type?: string;
    name?: string;
    inputLabel?: string;
    placeholder?: string;
    onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
    value?: string;
    reset?: () => void;
    id?: string;
    error?: string;
    subComponent?: JSX.Element;
}
export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.InputHTMLAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
export {};
