import React, { ReactNode } from 'react';
export declare type InputSpacing = 'compact' | 'default';
export declare type InputAppearance = 'default' | 'success' | 'warning' | 'info' | 'danger';
export interface InputBaseProps {
    'aria-describedby'?: string;
    isDisabled?: boolean;
    isFocused?: boolean;
    label?: string;
    spacing?: InputSpacing;
    placeholder?: string;
    hintText?: string;
    shouldFitContainer?: boolean;
    autoComplete?: string;
    autoFocus?: boolean;
    className?: string;
    isInvalid?: boolean;
    isReadOnly?: boolean;
    isRequired?: boolean;
    name?: string;
    outline?: boolean;
    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
    onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
    onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
    onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
    onClick?: React.MouseEventHandler<HTMLDivElement>;
    rows?: string | number;
    maxRows?: string | number;
    minRows?: string | number;
    extension?: ReactNode;
    value?: any;
}