import React, { ReactNode } from 'react'; declare type TextFieldV2Attributes = React.ComponentPropsWithoutRef<'div'>; export interface TextFieldV2Props extends Omit { /** * Append object (node, image, icon, etc) on the component. */ appendObject?: React.ReactNode; /** * Append suffix on the component. */ appendText?: string; /** * Turn on native autocapitalize. */ autoCapitalize?: string; /** * Turn on native autocomplete. */ autoComplete?: string; /** * Turn on auto native autocorrect. */ autoCorrect?: 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; /** * Set the component input id attribute. */ id?: string; /** * Set the component info text. */ info?: string; /** * Set the component input inputMode attribute. */ inputMode?: 'text' | 'search' | 'none' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal'; /** * Props spread into input element */ inputProps?: React.ComponentPropsWithoutRef<'input'>; /** * Show component clear action, when the value length is more than zero. */ isClearable?: boolean; /** * Set the component label. */ label?: string; /** * Set the component language, this affect several aria attributes for accessibilities. */ lang?: 'id' | 'en'; /** * Set the component into loading state. */ loading?: boolean; /** * Set the component maximum number of characters without showing any counter. */ maxLength?: number; /** * Show the component message on validation (onChange, etc). */ message?: ReactNode; /** * Set the component input name attribute. */ name?: string; /** * Set the component placeholder text. If the component has `label` property, the label will be positioned on top by default. */ placeholder?: string; /** * Prepend object (node, image, icon, etc) on the component. */ prependObject?: ReactNode; /** * Prepend prefix on the component. */ prependText?: string; /** * Set the TextField into readonly state. */ readOnly?: boolean; /** * Turn on native spellcheck. */ spellCheck?: boolean; /** * Set the component label text position on top by default. */ staticLabel?: boolean; /** * Set the component into success state. */ success?: boolean; /** * Set the component input type. */ type?: string; /** * Set the component input value. */ value?: string; /** * Callback for onblur. */ onBlur?: (e: React.FocusEvent) => void; /** * Callback for onchange. */ onChange?: (e: React.ChangeEvent) => void; /** * Callback when clicking the clear icon when `isClearable` is set to `true`. */ onClear?: (e: React.MouseEvent) => void; /** * Callback for onclick. */ onClick?: (e: React.MouseEvent) => void; /** * Callback for onfocus. */ onFocus?: (e: React.FocusEvent) => void; /** * Callback for oninput. */ onInput?: (e: React.FormEvent) => 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; } export {};