import * as React from 'react';
import { ResponsiveValue } from 'styled-system';
export declare const fadeIn: any;
declare type InputVariant = 'onWhite' | 'onBlack' | 'onGray';
export declare type InputProps = React.AllHTMLAttributes<HTMLInputElement> & {
    variant?: ResponsiveValue<InputVariant>;
    adorned?: 'before' | 'after';
} & ({
    valid?: true;
    invalid?: false | undefined;
} | {
    invalid?: true;
    valid?: false | undefined;
}) & ({
    type: 'textarea';
    pattern: undefined;
} | {
    type?: string;
    pattern?: string;
});
declare const _default: React.ForwardRefExoticComponent<(React.AllHTMLAttributes<HTMLInputElement> & {
    variant?: ResponsiveValue<InputVariant, Required<import("styled-system").Theme<string | number>>>;
    adorned?: "after" | "before";
} & {
    valid?: true;
    invalid?: false;
} & {
    type: "textarea";
    pattern: undefined;
} & React.RefAttributes<HTMLInputElement>) | (React.AllHTMLAttributes<HTMLInputElement> & {
    variant?: ResponsiveValue<InputVariant, Required<import("styled-system").Theme<string | number>>>;
    adorned?: "after" | "before";
} & {
    valid?: true;
    invalid?: false;
} & {
    type?: string;
    pattern?: string;
} & React.RefAttributes<HTMLInputElement>) | (React.AllHTMLAttributes<HTMLInputElement> & {
    variant?: ResponsiveValue<InputVariant, Required<import("styled-system").Theme<string | number>>>;
    adorned?: "after" | "before";
} & {
    invalid?: true;
    valid?: false;
} & {
    type: "textarea";
    pattern: undefined;
} & React.RefAttributes<HTMLInputElement>) | (React.AllHTMLAttributes<HTMLInputElement> & {
    variant?: ResponsiveValue<InputVariant, Required<import("styled-system").Theme<string | number>>>;
    adorned?: "after" | "before";
} & {
    invalid?: true;
    valid?: false;
} & {
    type?: string;
    pattern?: string;
} & React.RefAttributes<HTMLInputElement>)>;
export default _default;