import { TextareaHTMLAttributes } from "react";
import { TextInputProps } from "../shared.js";
export type TextAreaProps = TextInputProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "placeholder" | "value"> & {
    /**
     * Text which shows e.g. a word or character count.
     * `wordCount` and `characterCount` functions are available to generate this text.
     *
     * Accessibility note: The counter is hidden from screen readers, as live updates to the count tend to be "cut off"
     * by the word being typed. If there is a max count it should also be communicated through helper text and
     * validation.
     */
    counterText?: string;
    /**
     * Number of lines that should be visible without scrolling
     * @default 4
     */
    visibleLines?: number;
};
/**
Text areas are fixed-height fields that are taller than text fields and wrap overflow text onto a new line.
They scroll vertically when the cursor reaches the bottom of the field.

The large initial size indicates that longer responses are possible and encouraged.
These should be used instead of multi-line fields on the web.

_Accessibility note:_ The leading/trailing icon and counter text will not be read by screen readers.
If they are used, you must ensure the label and helper text in combination adequately describe the field without them.
*/
export declare const TextArea: import("react").ForwardRefExoticComponent<TextInputProps & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "placeholder"> & {
    /**
     * Text which shows e.g. a word or character count.
     * `wordCount` and `characterCount` functions are available to generate this text.
     *
     * Accessibility note: The counter is hidden from screen readers, as live updates to the count tend to be "cut off"
     * by the word being typed. If there is a max count it should also be communicated through helper text and
     * validation.
     */
    counterText?: string;
    /**
     * Number of lines that should be visible without scrolling
     * @default 4
     */
    visibleLines?: number;
} & import("react").RefAttributes<HTMLSpanElement>>;
export declare const wordCount: (value: string, max: number) => string;
export declare const characterCount: (value: string, max: number) => string;
//# sourceMappingURL=TextArea.d.ts.map