import { type ButtonHTMLAttributes, type ReactNode, type TextareaHTMLAttributes } from 'react';
export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
    /** When true, renders red error border & ring */
    invalid?: boolean;
    /** Label text displayed above the textarea */
    label?: string;
    /** Label scale forwarded to FieldWrapper ('large' = text-h4 for designs with body-scale field titles) */
    labelVariant?: 'default' | 'large';
    /** Error message displayed below the textarea */
    error?: string;
    /** Element rendered at the right edge of the field (e.g. send icon). */
    endIcon?: ReactNode;
    /**
     * When true, `endIcon` is wrapped in a real `<button>` with hover / active
     * / focus-visible styling matching the rest of the design system. Pass any
     * extra button attributes (`onClick`, `disabled`, `aria-label`, …) via
     * `endIconButtonProps`.
     */
    endIconAsButton?: boolean;
    /** Extra attributes for the end-icon button. */
    endIconButtonProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
    /** Element rendered at the LEFT edge of the field (e.g. a `+` add button).
     *  Like `endIcon`, presence of this lifts the field into the wrapped layout
     *  so the adornment sits visually inside the same border. Pass an
     *  already-interactive node (button / menu trigger) — it renders verbatim. */
    startIcon?: ReactNode;
    /** When true (adorned layout only), the field draws NO border / background /
     *  radius of its own — only its inner padding & layout. Use when an outer
     *  container provides the card chrome (e.g. composer with a context-chip
     *  header above the input, Figma 1:6073). */
    hideBorder?: boolean;
}
declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
export { Textarea };
//# sourceMappingURL=textarea.d.ts.map