import { TextareaProps as UtrechtTextareaProps } from '@utrecht/component-library-react'; export interface TextareaProps { /** * The name of the form field/input, used to set/track the field value in the form state. */ name: string; /** * The (accessible) label for the field - anything that can be rendered. * * You must always provide a label to ensure the field is accessible to users of * assistive technologies. */ label: React.ReactNode; /** * Required fields get additional markup/styling to indicate this validation requirement. */ isRequired?: boolean; /** * Readonly fields get marked as such in an accessible manner. */ isReadOnly?: boolean; /** * Additional description displayed close to the field - use this to document any * validation requirements that are crucial to successfully submit the form. More * information that is contextual/background typically belongs in a tooltip. */ description?: React.ReactNode; /** * Optional tooltip to provide additional information that is not crucial but may * assist users in filling out the field correctly. */ tooltip?: React.ReactNode; /** * Placeholder when no (default) value is available. */ placeholder?: string; /** * Automatic expanding and shrinking of fields to fit their content. */ autoExpand?: boolean; /** * Displays a countdown of the remaining amount of characters if a max length is * provided, otherwise show how many characters are used. */ showCharCount?: boolean; /** * Needed for `showCharCount` to calculate the remaining amount of characters. */ maxLength?: number; /** * Marker to signal this field is used in a multi-value field parent, which requires * some special attention w/r to validation errors. */ isMultiValue?: boolean; } declare const Textarea: React.FC; export default Textarea;