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;