import type { FocusEventHandler, ChangeEventHandler } from 'react'; export type TTextInputProps = { /** * Used as HTML id property. An id is auto-generated when it is not specified. */ id?: string; /** * Used as HTML autocomplete property */ autoComplete?: string; /** * Indicate if the value entered in the input is invalid. */ 'aria-invalid'?: boolean; /** * HTML ID of an element containing an error message related to the input. */ 'aria-errormessage'?: string; /** * `className` forwarded to the underlying ``. */ className?: string; /** * Used as HTML name of the input component. property */ name?: string; /** * Value of the input component. */ value: string; /** * Called with an event containing the new value. Required when input is not read only. Parent should pass it back as value. */ onChange?: ChangeEventHandler; /** * Called when input is blurred */ onBlur?: FocusEventHandler; /** * Called when input is focused */ onFocus?: FocusEventHandler; /** * Focus the input on initial render */ isAutofocussed?: boolean; /** * Use this property to reduce the paddings of the component for a ui compact variant */ isCondensed?: boolean; /** * Indicates that the input cannot be modified (e.g not authorized, or changes currently saving). */ isDisabled?: boolean; /** * Indicates that the field is displaying read-only content */ isReadOnly?: boolean; /** * Indicates if the input has invalid values */ hasError?: boolean; hasWarning?: boolean; /** * Placeholder text for the input */ placeholder?: string; /** * Horizontal size limit of the input fields. */ horizontalConstraint?: 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto'; /** * Maximum number of characters allowed in the input. If this prop is used, it is recommended to inform the user about this limit in the InputField description, or otherwise. */ maxLength?: number; }; declare const TextInput: { ({ horizontalConstraint, ...props }: TTextInputProps): import("@emotion/react/jsx-runtime").JSX.Element; displayName: string; isEmpty(value: TTextInputProps["value"]): boolean; }; export default TextInput;