import * as React from "react"; import { CommonTypeTuple, ChangeHandler, BlurHandler, ITheme } from "../__utils/type"; import { IValidationArray } from "@turtlemint/validators"; import { IconProps } from "../icon"; declare type InputSizeType = "large" | "small" | "default"; declare type IconPosition = "left" | "right"; export interface InputProps { /** htmlType of the input */ type?: string; /** passed by form item */ name?: string; /** initial value of the input */ value?: CommonTypeTuple; placeholder?: string; /** passed by form item */ error?: boolean; showErrorMessage?: boolean; /** full width of the input */ block?: boolean; disabled?: boolean; /** callback for onChange of the input */ onChange?: ChangeHandler; /** callback for onBlur of the input */ onBlur?: BlurHandler; size?: InputSizeType; validations?: IValidationArray; validateOnBlur?: boolean; skipDefaultValidation?: boolean; iconPosition?: IconPosition; icon?: string; iconStyle?: React.CSSProperties; iconColor?: string; iconProps?: IconProps; theme?: ITheme; } declare type ReactInput = React.InputHTMLAttributes; export declare const DEFAULT_VALIDATION: IValidationArray; export declare const Input: React.ForwardRefExoticComponent & React.RefAttributes>; export declare const StyledInput: import("styled-components").StyledComponent<"input", any, { error?: boolean | undefined; disabled?: boolean | undefined; inputSize?: "small" | "default" | "large" | undefined; iconPosition?: "left" | "right" | undefined; theme: ITheme; }, never>; declare const _default; export default _default;