import React, { ChangeEvent, FocusEvent, ClipboardEvent } from "react";
import { Label } from "../Label";
import { Error } from "../Error";
import { IconTypes } from "../../Icons";
import type { IconPosition } from "../../Types/IconPosition";
import type { InputMode } from "../../Types/TextInput/InputMode";
export interface Props {
    name?: string;
    label?: React.ComponentProps<typeof Label>;
    id: string;
    password?: boolean;
    onChange?: (e: ChangeEvent<HTMLInputElement>, ...args: unknown[]) => void;
    onBlur?: (e: FocusEvent<HTMLInputElement>, ...args: unknown[]) => void;
    onPaste?: (e: ClipboardEvent<HTMLInputElement>) => void;
    accessiblePlaceholder?: boolean;
    fit?: boolean;
    autoFocus?: boolean;
    value?: string;
    autoComplete?: string;
    zIndex?: number;
    classes?: string;
    fieldId?: string;
    fieldClasses?: string;
    dontWrap?: boolean;
    error?: React.ComponentProps<typeof Error>;
    dataTestId: string;
    min?: number;
    max?: number;
    minLength?: number;
    maxLength?: number;
    type?: string;
    width?: string;
    searchButton?: SearchButton;
    inputMode?: InputMode;
}
export interface SearchButton {
    text: string;
    type?: "button" | "reset" | "submit";
    id?: string;
    dataTestId?: string;
    classes?: string;
    iconType?: IconTypes;
    iconPosition?: IconPosition;
    variants?: Array<"primary" | "secondary" | "small" | "ghost" | "disabled" | "loader" | "filter" | "tertiary" | "navigation"> | "primary" | "secondary" | "small" | "ghost" | "disabled" | "loader" | "filter" | "tertiary" | "navigation";
    onClick?: (...args: unknown[]) => void;
}
export declare const TextInput: (props: Props) => React.JSX.Element;