import { ReactEventHandler } from 'react';
import { RegisterOptions } from 'react-hook-form';
import { DisableMode } from '../common/common';
import { AutoCapitalize, AutoTrim } from '../textFieldWithButton/TextFieldWithButton';
/**
 * Component & its Props
 */
export type TextFieldType = "email" | "number" | "password" | "tel" | "text" | "url" | "hidden";
export interface TextFieldProps {
    /**
     * Unique name to be registered with react-hook-form
     */
    name: string;
    type: TextFieldType;
    autoCapitalize?: AutoCapitalize;
    autoComplete?: "off" | "on" | "new-password";
    autoTrim?: AutoTrim;
    className?: string;
    defaultValue?: string | number | undefined;
    disableCopyPaste?: boolean;
    hoverBgColor?: string;
    isDisabled?: DisableMode;
    isSaveError?: boolean;
    onBlur?: ReactEventHandler;
    onKeyDown?: React.KeyboardEventHandler;
    outerDivStyle?: React.CSSProperties;
    placeholder?: string;
    placeholderAlignment?: "left" | "right" | "center";
    protectedInfoText?: string;
    registerOptions?: RegisterOptions;
    showRightTickIcon?: boolean;
    style?: React.CSSProperties;
    tooltipText?: string;
}
export declare function TextField({ className, type, name, placeholder, autoComplete, isDisabled, defaultValue, style, registerOptions, protectedInfoText, isSaveError, showRightTickIcon, tooltipText, disableCopyPaste, autoCapitalize, autoTrim, onBlur, onKeyDown, }: Readonly<TextFieldProps>): import("react/jsx-runtime").JSX.Element;