import { type ChangeEvent, type ReactElement } from 'react';
import { type PasswordInputTooltipProps } from './PasswordInputTooltip.js';
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';
/**
 * The properties of the PasswordInput component.
 * @public
 */
export type PasswordInputProps = Pick<BaseInputProps, 'placeholder' | 'autoComplete' | 'minLength' | 'maxLength' | 'pattern' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp' | 'className' | 'style' | 'data-testid' | 'data-dtrum-mask' | 'data-dtrum-allow'> & FormControlProps<string, (value: string, event?: ChangeEvent<HTMLInputElement>) => void> & WithChildren & BehaviorTrackingProps;
/**
 * The `PasswordInput` component can be used to hide user input.
 * Always use a `PasswordInput` when your app asks for sensitive data,
 * such as a password. Users can click on the eye icon to hide or show their data.
 * @public
 */
export declare const PasswordInput: ((props: PasswordInputProps & import("react").RefAttributes<FormControlRef<HTMLDivElement>>) => import("react").ReactElement | null) & {
    Tooltip: (props: PasswordInputTooltipProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
};