import { default as React, ChangeEvent, MutableRefObject, ReactNode } from 'react';
export interface TextareaCommonProps {
    id?: string;
    /** @figmaProp Filled — the field text (Body Base 16/lh24, delta-800). */
    value?: string;
    /** @figmaProp Title (Body Base SemiBold 16, delta-800) above the field. */
    label?: ReactNode;
    labelClassName?: string;
    /** @figmaProp Description / helper text (Helper 14/lh20, delta-600). */
    description?: ReactNode;
    reserveHelperText?: boolean;
    containerClassName?: string;
    className?: string;
    dataTest?: string;
}
export interface TextAreaNotEditableProps {
    variant?: 'not_editable' | 'view_only';
    minRows?: never;
    maxRows?: never;
    disabled?: never;
    placeholder?: never;
    error?: never;
    errorMessage?: never;
    onChange?: never;
    maxLength?: never;
    counter?: never;
    refLink?: never;
    counterLimit?: never;
}
export interface TextAreaActiveProps {
    variant?: 'active';
    minRows?: number;
    maxRows?: number;
    /** @figmaProp State = true→"Disabled" (delta-300 border/text) */
    disabled?: boolean;
    /** @figmaProp Placeholder text (resting, delta-500) */
    placeholder?: string;
    onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
    /** @figmaProp State = true→"Error" (border/text error-500) */
    error?: boolean;
    errorMessage?: string;
    maxLength?: number;
    counter?: boolean;
    refLink?: MutableRefObject<HTMLTextAreaElement | null> | null | undefined;
    counterLimit?: number;
}
type TextareaConditionalProps = TextAreaActiveProps | TextAreaNotEditableProps;
type StyledTextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & TextareaCommonProps & TextareaConditionalProps;
/**
 * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#15561-37391
 * Figma has no standalone "Text area" component — a multiline text control inherits the **Input
 * field** outlined styling (shared with `StyledInputField`/`field-styles`): radius 4, field text
 * **Body Base 16/lh24 delta-800**; border **enabled delta-500 #7a899e**, **hover gama-300 #60bdbd
 * (2px)**, **focus gama-400 #1ca1a1 (2px)**, **error error-500 #e10700**, **disabled delta-300**.
 * Title = **Body Base SemiBold 16 delta-800**; description/helper = **Helper 14/lh20 delta-600**.
 * State (Enabled/Hover/Focus/Error/Disabled) ← native + `error`/`disabled`; the `not_editable`/
 * `view_only` variants are the read-only presentations. Colours live in the textarea-only
 * `--colors-input-*` token layer (now referencing the semantic delta/gama tokens, so all themes
 * recolour). Non-annotated props are behavioral.
 *
 * Developer: bularga.alexandru@carasent.com
 *
 * Custom props:
 * @figmaProp variant — active (editable field) | view_only | not_editable (read-only presentations)
 * @figmaProp error — State = true→"Error" (border/text error-500)
 * @param variant -  'not_editable' | 'view_only' | 'active'
 * @param error -  boolean
 * @param errorMessage -  string
 * @param minRows -  number
 * @param maxRows -  number
 * @param counter -  number
 * @param maxLength -  number
 * @param refLink -  ref to component
 * @param dataTest -  data-test tag
 *
 */
export declare const StyledTextarea: React.FC<StyledTextAreaProps>;
export {};