import { Property } from 'csstype';
import { type ChangeEvent } from 'react';
import { type DataTestId, type MaskingProps, type StylingProps } from '@dynatrace/strato-components/core';
import type { FocusEvents, KeyboardEvents } from '../../core/types/events.js';
import type { FormControlProps } from '../../core/types/form-control-props.js';
import type { FormControlRef } from '../shared-types.js';
/**
 * @public
 */
export type TextAreaProps = FormControlProps<string, (value: string, event: ChangeEvent<HTMLTextAreaElement>) => void | never> & FocusEvents & StylingProps & DataTestId & MaskingProps & KeyboardEvents & {
    placeholder?: string;
    /**
     * This attribute indicates whether the textarea is resizable by the user, and, if so, in which direction.
     * @defaultValue 'both'
     */
    resize?: 'both' | 'vertical' | 'horizontal' | 'none';
    /**
     * The visible width of the text control, in average character widths.
     * If it is specified, it must be a positive integer.
     * @defaultValue 20
     */
    cols?: number;
    /**
     * The number of visible text lines for the control. If it is specified, it must be a positive integer.
     * @defaultValue 2
     */
    rows?: number;
    /**
     * The minimum number of characters required that the user should enter.
     * Doesn't stop the user from removing characters so that the number entered goes past the minimum,
     * but it does make the value entered into the <textarea> invalid.
     * With a set minlength an empty <textarea> is still considered valid unless you also have the required attribute set.
     */
    minLength?: number;
    /**
     * The maximum number of characters that the user can enter. If this value isn't specified,
     * the user can enter an unlimited number of characters.
     */
    maxLength?: number;
    /**
     * This attribute indicates whether the value of the control can be automatically completed by the browser.
     * If no autocompletion is desired, it can be set to "off".
     */
    autoComplete?: string;
    /**
     * The name of the control - used when submitting the textarea in a form.
     * @defaultValue 'full'
     */
    width?: 'content' | 'full' | Property.Width<string & Record<string, never>>;
};
/**
 * @public
 */
export type TextAreaInputRef = Omit<FormControlRef<HTMLDivElement>, 'inputRef'> & {
    readonly inputRef?: HTMLTextAreaElement | null;
};
/**
 * The `TextArea` component can be used as a multi-line plain-text editing control to
 * enter free-form text, such as a comment on a form.
 * The component uses a fallback FormFieldMessages context if it wasn't wrapped in a FormField.
 * @public
 */
export declare const TextArea: (props: TextAreaProps & import("react").RefAttributes<TextAreaInputRef>) => React.ReactElement | null;