import React, { InputHTMLAttributes } from 'react';
import { IconProps, Icons16, Icons24, IconsFlags } from '../../icon';
import { Colors, BorderWidths } from '../../../themes/types';
export type InputFieldProps = {
    error?: boolean;
    hintColor?: Colors;
    hintText?: string;
    iconLeftProps?: IconProps & {
        name: Icons16 | Icons24 | IconsFlags;
    };
    iconRightProps?: IconProps & {
        name: Icons16 | Icons24 | IconsFlags;
    };
    leftContent?: () => React.ReactNode;
    mask?: string | (string | RegExp)[];
    maskPlaceholder?: string | null;
    onChangeText?: (nextValue: string) => void;
    placeholder: string;
    testID?: string;
    value?: string;
    hideLabel?: boolean;
    inlineLabel?: boolean;
    borderWidth?: BorderWidths;
    disableSearch?: boolean;
    centerInputText?: boolean;
} & InputHTMLAttributes<HTMLInputElement>;