import { type ChangeEvent } from 'react';
import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
import type { FormControlProps } from '../../core/types/form-control-props.js';
import { WithChildren } from '../../core/types/with-children.js';
import type { BaseInputProps } from '../_base-input/base-input.types.js';
import type { FormControlRef } from '../shared-types.js';
/**
 * @deprecated - please use TextInputProps instead.
 * @public
 */
export interface TextInputControlledProps {
    /** The default value of the input. */
    defaultValue?: never;
    /** The value of the input. */
    value?: string;
}
/**
 * @deprecated - please use TextInputProps instead.
 * @public
 */
export interface TextInputUncontrolledProps {
    /** The default value of the input. */
    defaultValue?: string;
    /** The value of the input. */
    value?: never;
}
/**
 * The properties of the TextInput component.
 * @public
 */
export type TextInputProps = Pick<BaseInputProps, 'autoComplete' | 'placeholder' | 'variant' | 'minLength' | 'maxLength' | 'pattern' | 'onClick' | 'onKeyDown' | 'onKeyUp' | 'onFocus' | 'onBlur' | 'role' | 'className' | 'style' | 'data-testid' | 'data-dtrum-mask' | 'data-dtrum-allow'> & FormControlProps<string, (value: string, event: ChangeEvent<HTMLInputElement>) => void> & WithChildren & BehaviorTrackingProps & {
    /**
     * Maps to the native input type. Use this to enhance the semantics
     * of the native input, change default keyboards on mobile or support browser
     * autocompletion for specific types.
     * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types}
     *
     * @defaultValue 'text'
     */
    type?: 'text' | 'password' | 'email' | 'url' | 'tel' | 'search';
};
/**
 * Use the `TextInput` component to request a small amount of information,
 * such as a name or an email address. To let users input
 * larger amounts of text, use a `TextArea` instead.
 * @public
 */
export declare const TextInput: ((props: TextInputProps & import("react").RefAttributes<FormControlRef<HTMLDivElement>>) => import("react").ReactElement | null) & {
    Prefix: (props: import("../index.js").BaseInputContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
    Suffix: (props: import("../index.js").BaseInputContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
    Button: (props: import("../index.js").BaseInputButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement | null;
};