export interface TextAreaProps {
    id: string;
    fieldId: string;
    rows?: number | string;
    disabled?: boolean;
    error?: string | null;
    readonly?: boolean;
    classBlock?: string;
    classModifiers?: string | string[];
    className?: string;
    /** true to show character entered */
    showCharacterCount?: boolean;
    /** The maximum character length */
    maxLength?: number;
    /** Range 0 - 100%. 0 by default. Will be defaulted to 100% if value is higher than 100 */
    threshold?: number;
    value?: string;
    [key: string]: any;
}
export declare const DEFAULT_ROWS = 5;
export declare const DEFAULT_CLASS = "govuk-textarea";
export declare const DEFAULT_CLASS_PRESERVE_LINEBREAKS = "preserve-linebreaks";
/**

# When to use this component
Use the textarea component when you need to let users enter an amount of text that's longer than a single line.

# When not to use this component
Users can find open-ended questions difficult to answer.
It might be better to break up one complex question into a series of simple ones,
for example where users can select from options using <Link href="./?path=/docs/d-radios--radios">radios</Link>.

### If you need to ask an open question
Do not use the textarea component if you need to let users enter shorter answers no longer than a single line,
such as a phone number or name. In this case, you should use the <Link href="./?path=/docs/d-textinput--default-story">text input</Link>
component.

# How it works
You must label textareas. Placeholder text is not a suitable substitute for a label,
as it disappears when users click inside the textarea.

Labels must be aligned above the textarea they refer to. They should be short,
direct and written in sentence case. Do not use colons at the end of labels.

<Alert heading="Labels and hints">
Everything to do with labels and hints is handled by the <Link href="./?path=/docs/internal-form-group--default-story">form group</Link> component,
rather than by the text area component itself.
</Alert>

### Do not disable copy and paste
Users will often need to copy and paste information into a textarea, so do not stop them from doing this.

### Limiting the number of characters
If there's a good reason to limit the number of characters users can enter, you can use
the <Link target="character-count" href="https://design-system.service.gov.uk/components/character-count/">character count</Link> component.

 */
export declare const TextArea: ({ id, fieldId, classBlock, classModifiers, className, disabled, error, maxLength, readonly, rows, showCharacterCount, threshold, value, ...attrs }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;