/// <reference types="react" />
import { Float } from '../Types';
import { IIconProps, IconType } from '../Icon/';
interface IInputProps {
    /** @ignore */
    className?: string;
    children?: any;
    /** Input name. */
    name?: string;
    /** Input value. */
    value?: any;
    /** Input type, `text`, `password`, `date`, `time` or `color`. Defaults to `text`. */
    type?: 'date' | 'time' | 'text' | 'password' | 'color';
    /** Placeholder to show when the Input is empty. */
    placeholder?: string;
    /**
     * Marks input as disabled.
     * @default false
     */
    disabled?: boolean;
    /**
     * Removes input border.
     * @default false
     */
    transparent?: boolean;
    /**
     * A fluid Input takes up all available horizontal space available to it.
     * @default false
     */
    fluid?: boolean;
    /**
     * An input can show an error state.
     * @default false
     */
    error?: boolean;
    /** Icon props (optional). */
    icon?: IconType | IIconProps;
    /** Icon position. */
    iconPosition?: Float;
    /**
     * If set, Input's value can be cleared.
     * @default false
     */
    clearable?: boolean;
    /** If set, dates and times (in inputs of type `date` or `time`) are shown in this format
     * (refer to date-fns/format for format options).
     */
    format?: string;
    /**
     * If set, date pickers do not allow picking future dates (beyond today).
     * @default false
     */
    nofuture?: boolean;
    /**
     * If set, time pickers have a "seconds" field.
     * @default false
     */
    hasSeconds?: boolean;
    /**
     * If set, time pickers use a 24h clock.
     * @default false
     */
    is24h?: boolean;
    /**
     * If set, time pickers show a clock face.
     * @default false
     */
    clock?: boolean;
    /** Optional input maxlength */
    maxLength?: number;
    /** Optional autocomplete information (see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) */
    autocomplete?: string;
    /**
     * For Input elements with a dropdown, opening direction can be either fixed
     * (`up` or `down`), or depend on the nearest scrolling parent: if the Input
     * is in the top half of the visible section of the parent, then it opens
     * downward, and vice-versa. If this property is not set, then the opening
     * direction is determined from the Input position in the viewport.
     */
    direction?: 'up' | 'down' | 'parent';
    /** Listeners are notified whenever the user interacts with the Input. */
    onChange?: (value: any) => void;
    /** Listeners are notified when the Input receives focus. */
    onFocus?: () => void;
}
/**
 * Replacement for standard HTML input.
 *
 * @link https://henck.github.io/typeui/?path=/story/controls-input--properties
 */
declare const Input: (props: IInputProps) => JSX.Element;
export { Input, IInputProps };