/// <reference types="react" />
import { Path } from 'react-hook-form';
import { DesktopFontSize, FontWeight, IFormValues, PDSTextType, UiColors } from '../../../../common';
export type TextFieldBaseProps = {
    name: Path<IFormValues>;
    hintText?: PDSTextType;
    defaultText?: PDSTextType;
    textAlign?: 'left' | 'center' | 'right';
    validation?: {
        [key: string]: any;
    };
    preventBlankMode?: 'none' | 'trim' | 'all';
    enterSubmitMode?: 'none' | 'use';
    textLineType?: 'single' | 'multi' | 'auto';
    multiRows?: number;
    autoMinRows?: number;
    autoMaxRows?: number;
    inputType?: string;
    inputMode?: string;
    state?: 'normal' | 'read_only' | 'disabled';
    colorTheme?: 'none' | 'dark' | 'transparent';
    min?: number;
    max?: number;
    maxLength?: number;
    textSize: DesktopFontSize;
    customFontSize?: string;
    textWeight: FontWeight;
    hintTextWeight?: FontWeight;
    fieldPaddingRight?: number;
    fieldPaddingLeft?: number;
    fieldHeight?: number;
    deleteIconMode?: 'none' | 'use';
    deleteIconSize?: 12 | 16 | 20 | 24;
    deleteIconColor?: UiColors;
    suffixText?: PDSTextType;
    suffixTextRightSpacingMode?: 'none' | 'use';
    isFocused?: boolean;
    autoComplete?: string;
    stepperMode?: 'none' | 'use';
    stepperRightSpacing?: number;
    innerSpinButtonSize?: 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72;
    step?: number;
    onBlur?: (e: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLTextAreaElement>) => void;
    onChange?: (e: React.ChangeEvent<HTMLInputElement> | React.ChangeEvent<HTMLTextAreaElement>) => void;
    onFocus?: (e: React.FocusEvent<HTMLInputElement> | React.FocusEvent<HTMLTextAreaElement>) => void;
    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLTextAreaElement>) => void;
    onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLTextAreaElement>) => void;
    onTarget?: () => void;
    [x: string]: any;
} & Record<string, any>;
declare function TextFieldBase({ name, hintText, defaultText, textAlign, validation, preventBlankMode, enterSubmitMode, textLineType, multiRows, autoMinRows, autoMaxRows, inputType, inputMode, state, colorTheme, min, max, maxLength, textSize, customFontSize, textWeight, hintTextWeight, fieldPaddingRight, fieldPaddingLeft, textPadding, fieldHeight, deleteIconMode, deleteIconSize, deleteIconColor, suffixText, suffixTextRightSpacingMode, isFocused, autoComplete, stepperMode, stepperRightSpacing, innerSpinButtonSize, step, onBlur, onChange, onFocus, onKeyDown, onKeyUp, onTarget, ...rest }: TextFieldBaseProps): JSX.Element;
export default TextFieldBase;