import React, { KeyboardEvent } from 'react';
import { IconProps } from '../Icon/index.js';
import { KeyHintProps } from '../KeyHint/index.js';
import { Style } from 'inlines';
type TextInputProps = {
    ref?: React.Ref<HTMLInputElement>;
    value?: string;
    onChange: (value: string) => void;
    disabled?: boolean;
    placeholder?: string;
    prefix?: string | React.ReactNode;
    leadIcon?: IconProps['variant'];
    error?: boolean;
    maxLength?: number;
    clearable?: boolean;
    suffix?: string | React.ReactNode;
    keyHint?: KeyHintProps['hint'];
    type?: 'text' | 'email' | 'password';
    size?: 'regular' | 'small';
    variant?: 'border' | 'ghost';
    isUrl?: boolean;
    isPhone?: boolean;
    onKeyDown?: (event: KeyboardEvent) => void;
    autoFocus?: boolean;
    onBlur?: React.FocusEventHandler<HTMLInputElement>;
    pattern?: RegExp;
    passwordToggle?: boolean;
    style?: Style;
    label?: string;
    description?: string;
    errorMessage?: string;
    onFocus?: React.FocusEventHandler<HTMLInputElement>;
};
declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
export type { TextInputProps };
export { TextInput };