import type React from 'react';
import type { TextLikeProps } from './types';
export interface TextInputProps extends TextLikeProps {
    /**
     * Regular expression that the input value must match.
     */
    pattern?: string;
    /**
     * Id of a `<datalist>` element with a list of predefined values to suggest to the user.
     */
    list?: string;
    /**
     * Specifies the visible width, in characters, of the input.
     */
    size?: number;
    /**
     * Minimum length of the input value.
     */
    minLength?: number;
    /**
     * Maximum length of the input value.
     */
    maxLength?: number;
    /**
     * Hint the browser about the appropriate virtual keyboard for the type of expected data.
     */
    inputMode?: 'none' | 'text' | 'numeric' | 'decimal';
    /**
     * Controls whether and how text input is automatically capitalized as it is entered by the user.
     */
    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
    /**
     * Controls whether the browser should automatically correct the text as it is being entered.
     */
    autoCorrect?: 'off' | 'on';
    /**
     * Controls whether the element may be checked for spelling errors.
     */
    spellCheck?: boolean;
    /**
     * What type of information to autocomplete in the input.
     *
     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
     */
    autoComplete?: 'off' | 'on' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'name' | 'family-name' | 'given-name' | 'username' | 'one-time-code' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'sex';
    /**
     * Inject an element into the input field, displayed at the start of the input.
     *
     * Only supported with the `top-label` variant.
     */
    contentBefore?: React.ReactNode;
    /**
     * Inject an element into the input field, displayed at the end of the input.
     */
    contentAfter?: React.ReactNode;
    /**
     * Default value of an uncontrolled input.
     */
    defaultValue?: string;
    /**
     * Value of the input.
     *
     * Makes the input controlled.
     */
    value?: string;
    /**
     * Fires immediately when the input’s value is changed by the user (for example, it fires on every keystroke).
     */
    onChange?: React.ChangeEventHandler<HTMLInputElement>;
}
/**
 * TextInput should be used when the information is known by the user.
 * It can be used by itself or in combination with any other inputs.
 */
export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
export declare const TextLikeInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "autoComplete" | "inputMode"> & {
    type: string;
    inputClassName?: string;
    autoComplete?: string;
    inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
} & React.RefAttributes<HTMLInputElement>>;