import { ChangeEvent, FocusEvent, ReactElement, TextareaHTMLAttributes } from 'react'; import { CommonProps } from '../common'; export interface TextAreaProps extends Omit, TextareaHTMLAttributes { /** * Specify the [automated assistance](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) in filling out form field values by the browser. */ autoComplete?: string; /** * Specify the input element should automatically get focus when it is mounted. */ autoFocus?: boolean; /** * Automatically resize element's height to fit the content. This only works if this component is controlled by specifying `value` & `onChange`. */ autoResize?: boolean; /** * Whether the textarea is disabled. */ disabled?: boolean; /** * Id of element. */ id?: string; /** * Whether the input is invalid */ invalid?: boolean; /** * Name of element, is used to refer to the form data for submission. */ name?: string; /** * Blur event handler. */ onBlur?: (e: FocusEvent) => void; /** * Change event handler. Use `event.target.value` for new value. */ onChange?: (e: ChangeEvent) => void; /** * Focus event handler. */ onFocus?: (e: FocusEvent) => void; /** * Placeholder text in the absence of any value. */ placeholder?: string; /** * Text size of textarea. */ size?: 'small' | 'medium' | 'large'; /** * The textarea's content value. */ value?: string; } declare const TextArea: ({ value, onChange, onFocus, onBlur, autoResize, size, disabled, invalid, placeholder, name, id, className, style, sx, autoComplete, autoFocus, "data-test-id": dataTestId, ...textAreaAttrs }: TextAreaProps) => ReactElement; export default TextArea;