import React from "react";
import { InputValidStatus } from "./type";
import { Placement } from "popper.js";
export declare type InputType = "text" | "password" | "email" | "tel" | "number" | "button" | "checkbox" | "url" | "color" | "date" | "time" | "week" | "datetime-local" | "month" | "radio" | "range" | "search" | "file";
export interface InputProps {
    id?: string;
    type?: InputType;
    value: any;
    disabled?: boolean;
    placement?: Placement;
    maxLength?: number;
    placeholder?: string;
    onFocus?: (event: React.FocusEvent) => void;
    onBlur?: (event: React.FocusEvent) => void;
    valid?: InputValidStatus;
    errorMessage?: string | React.ReactNode;
    hintMessage?: string | React.ReactNode;
    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
    onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
    customType?: string;
    otherRegionClass?: string[];
    onClickOutsideSelf?: () => void;
    toolTipZindex?: number;
    width?: number;
    theme?: {
        mode: "early" | "night";
    };
    isThemeControlledByComponent?: boolean;
    themeType?: "early" | "night";
    className?: string;
    alwaysShowErrorMessage?: boolean;
    showValidityIcon?: boolean;
}
interface InputDotComponentProps<T> {
    Text: React.ComponentType<T>;
    Password: React.ComponentType<T>;
    Number: React.ComponentType<T>;
}
export declare type InputInterface = React.FunctionComponent<InputProps> & InputDotComponentProps<InputProps>;
declare const Input: InputInterface;
export default Input;