import * as React from 'react';
import { Merge } from 'type-fest';
declare type StatusType = 'valid' | 'error' | 'warning' | '';
declare type InputSizes = 'small' | 'regular' | 'large';
declare type StatusObject = {
    type: StatusType;
    message: React.ReactNode;
};
declare type InnerInputProps = Merge<React.HTMLProps<HTMLInputElement>, Partial<{
    /** Text label for Input */
    label: string;
    /** Helper to appear to the right of the label */
    labelHelper: React.ReactElement<any> | string;
    /** Text to show belog the label */
    description: string;
    /** Value of Input */
    value: string;
    /** Node to place at start of Input */
    prefix: React.ReactElement<any> | Element | string;
    /** Node to place at end of Input */
    suffix: React.ReactElement<any> | Element | string;
    /** Context clarification to appear below Input */
    textHelper: string;
    /** Sets Input disabled state */
    disabled: boolean;
    /** Sets input readonly state (immutability) */
    readOnly: boolean;
    /** One of "valid", "warning", "error", or "" */
    status: Partial<StatusObject>;
    /** One of "small", "regular", "large" */
    size: InputSizes;
    /** https://reactjs.org/docs/forwarding-refs.html */
    forwardedRef: React.Ref<any>;
    /** https://reactjs.org/docs/refs-and-the-dom.html */
    ref: React.Ref<any>;
    css: any;
}>>;
export declare type InputProps = Merge<React.HTMLProps<any>, InnerInputProps & {
    css?: any;
}>;
declare const Input: React.FunctionComponent<InputProps>;
export { Input };