import React, { HTMLInputTypeAttribute } from 'react';
import { FieldProps } from '../Field/types';
import { CleaveOptions } from 'cleave.js/options';
export interface TextFieldProps extends FieldProps {
    type?: HTMLInputTypeAttribute | undefined;
    rows?: number | undefined;
    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
    inputRef?: React.Ref<any>;
    max?: number | string | undefined;
    min?: number | string | undefined;
    step?: number | string | undefined;
    multiline?: boolean;
    enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send' | undefined;
    inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search' | undefined;
    showPasswordToggle?: boolean;
    /**
     * This prop helps users to fill forms faster, especially on mobile devices.
     * The name can be confusing, as it's more like an autofill.
     * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
     */
    autoComplete?: string;
    /**
     * Cleave.js mask options, leave empty to ignore
     * @default undefined
     */
    mask?: Partial<CleaveOptions>;
}