/// <reference types="react" />
import { Path } from 'react-hook-form';
import type { IFormValues, PDSIconType, PDSTextType, UiColors } from '../../../common';
import type { TextFieldBaseProps } from '../../common/components/TextFieldBase/TextFieldBase';
export type TextFieldProps = {
    name: Path<IFormValues>;
    prefixText?: PDSTextType;
    validationPoint?: 'onChange' | 'onBlur';
    size?: 'small' | 'medium' | 'large' | 'rlarge';
    responsiveMode?: 'none' | 'use';
    iBtn1IconName?: PDSIconType;
    iBtn2IconName?: PDSIconType;
    iBtn1IconFillType?: 'line' | 'fill';
    iBtn2IconFillType?: 'line' | 'fill';
    overrideIBtn1IconColorKey?: UiColors;
    overrideIBtn2IconColorKey?: UiColors;
    customWidth?: string;
    numberStepperMode?: 'none' | 'use';
    numberStep?: number;
    fontWeight?: 'bold' | 'regular';
    hintTextFontWeight?: 'normal' | 'bold';
    deleteBtnMode?: 'none' | 'use';
    onClickIBtn1?: () => void;
    onClickIBtn2?: () => void;
} & Partial<TextFieldBaseProps>;
declare function TextField({ name, hintText, defaultText, textAlign, prefixText, suffixText, validation, validationPoint, preventBlankMode, enterSubmitMode, size, responsiveMode, textLineType, multiRows, autoMinRows, autoMaxRows, inputType, inputMode, state, iBtn1IconName, iBtn1IconFillType, iBtn2IconName, iBtn2IconFillType, overrideIBtn1IconColorKey, overrideIBtn2IconColorKey, colorTheme, max, maxLength, min, customWidth, autoComplete, numberStepperMode, numberStep, fontWeight, hintTextFontWeight, deleteBtnMode, onBlur, onChange, onClickIBtn1, onClickIBtn2, onFocus, onKeyUp, onKeyDown, onTarget }: TextFieldProps): JSX.Element;
export default TextField;