import React from 'react'; declare type TextFieldAttributes = React.ComponentPropsWithoutRef<'div'>; export interface TextFieldProps extends Omit { /** * Turn on native autocapitalize. */ autoCapitalize?: string; /** * Turn on native autocomplete. */ autoComplete?: string; /** * Append object (node, image, icon, etc) on the component. */ appendObject?: object; /** * Prepend suffix string on the component. */ appendText?: string; /** * Set the component container className (not the input element). */ className?: string; /** * Set the maximum number of characters and show the character counter. */ counter?: number; /** * Set the component into disabled state. */ disabled?: boolean; /** * Set the component into error state. */ error?: boolean; /** * Set the component into focused state. */ focus?: boolean; /** * Show the component clear button. */ hasClear?: boolean; /** * Show the component info icon. */ hasInfo?: boolean; /** * Set the component helper text. */ helper?: string; /** * Set the component input id attribute. */ id?: string; /** * Set the component label text. */ label?: string; /** * Set the component maximum number of characters allowed. */ maxLength?: number; /** * Set the component input name attribute. */ name?: string; /** * Set the component placeholder text. */ placeholder?: string; /** * Prepend object (node, image, icon, etc) on the component. */ prependObject?: object; /** * Prepend prefix string on the component. */ prependText?: string; /** * Set the component into readonly state. */ readOnly?: boolean; /** * Set the component into success state. */ success?: boolean; /** * Set the component input type. */ type?: string; /** * Set the component value. */ value?: string; /** * Manually set the component width. */ width?: string; /** * Callback for onblur. */ onBlur?: (e: React.FocusEvent) => void; /** * Callback for onchange. */ onChange?: (e: React.ChangeEvent) => void; /** * Callback for onclick. */ onClick?: (e: React.MouseEvent) => void; /** * Callback when clicking the clear button. */ onClickClear?: (e: React.MouseEvent) => void; /** * Callback when clicking the info icon. */ onClickInfo?: (e: React.MouseEvent) => void; /** * Callback for onfocus. */ onFocus?: (e: React.FocusEvent) => void; /** * Callback for oninput. */ onInput?: (e: React.KeyboardEvent) => void; /** * Callback for onkeydown. */ onKeyDown?: (e: React.KeyboardEvent) => void; /** * Callback for onkeypress. */ onKeyPress?: (e: React.KeyboardEvent) => void; /** * Callback for onkeyup. */ onKeyUp?: (e: React.KeyboardEvent) => void; /** * Callback when mouse entering the info icon. */ onMouseEnterInfo?: (e: React.MouseEvent) => void; /** * Callback when mouse leaving the info icon. */ onMouseLeaveInfo?: (e: React.MouseEvent) => void; } export {};