import type { ComponentProps } from 'react';
import TextareaAutosize from 'react-textarea-autosize';
/**
 * Size of the text areas.
 */
type TextAreaSize = 'xSmall' | 'small' | 'medium' | 'large';
/**
 * Variant of the text area.
 */
type TextAreaVariant = 'default' | 'monospace';
type TextAreaProps = Omit<ComponentProps<typeof TextareaAutosize>, 'className'> & {
    /**
     * Size of the text area.
     */
    size?: TextAreaSize;
    /**
     * The variant of the text area.
     */
    variant?: TextAreaVariant;
    /**
     * Surface level of the text area.
     */
    surfaceLevel?: '0' | '1' | '2';
    /**
     * Indicates if the text area has an error.
     */
    error?: boolean | string;
    /**
     * The resize direction of the text area. Shortcut for setting `resize` CSS property on the inner `<textarea>`. Default is `vertical`.
     */
    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
    /**
     * Minimum number of rows to show
     */
    minRows?: ComponentProps<typeof TextareaAutosize>['minRows'];
    /**
     *  Maximum number of rows up to which the textarea can grow
     */
    maxRows?: ComponentProps<typeof TextareaAutosize>['maxRows'];
    /**
     * Function invoked on textarea height change, with height as first argument. The second function argument is an object containing additional information that might be useful for custom behaviors. Current options include { rowHeight: number }.
     */
    onHeightChange?: ComponentProps<typeof TextareaAutosize>['onHeightChange'];
    /**
     * Reuse previously computed measurements when computing height of textarea. Default: `false`
     */
    cacheMeasurements?: boolean;
    /**
     * If true, the text area will submit the form when the Enter key is pressed. If a the Shift, Alt/Opt or Ctrl key is pressed, then the form will not be submitted, and a new line will be added instead.
     */
    submitOnEnter?: boolean;
    /**
     * If provided a string:
     *  - `className` applies only to the outer wrapper `<div>`
     *
     * If provided an object:
     *  - `wrapper` property applies className to the outer wrapper `<div>`
     *  - `textArea` property applies className to the inner `<textarea>`
     */
    className?: string | {
        wrapper?: string;
        textArea?: string;
    };
};
type TextAreaUnstyledProps = Omit<TextAreaProps, 'size' | 'variant' | 'surfaceLevel' | 'error'>;
/**
 * A flexible textarea component that automatically resizes based on content.
 *
 * @component
 * @param {TextAreaProps} props - The component props
 * @param {string} props.surfaceLevel - Background color level ('0', '1', or '2')
 * @param {boolean | string} [props.error] - Error state that changes the border color
 * @param {string} [props.resize='none'] - Controls how the textarea can be resized
 * @param {number} [props.minRows] - Minimum number of rows to display
 * @param {number} [props.maxRows] - Maximum number of rows before scrolling
 * @param {boolean} [props.submitOnEnter] - Whether pressing Enter submits the form
 * @param {string | {wrapper?: string, textArea?: string}} [props.className] - Custom CSS classes
 */
declare const TextAreaUnstyled: import("react").ForwardRefExoticComponent<Omit<TextAreaUnstyledProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
/**
 * A flexible textarea component that automatically resizes based on content.
 *
 * @component
 * @param {TextAreaProps} props - The component props
 * @param {TextAreaSize} props.size - Controls the padding and minimum height of the textarea
 * @param {TextAreaVariant} props.variant - Determines the font styling ('default' or 'monospace')
 * @param {string} props.surfaceLevel - Background color level ('0', '1', or '2')
 * @param {boolean | string} [props.error] - Error state that changes the border color
 * @param {string} [props.resize='none'] - Controls how the textarea can be resized
 * @param {number} [props.minRows] - Minimum number of rows to display
 * @param {number} [props.maxRows] - Maximum number of rows before scrolling
 * @param {boolean} [props.submitOnEnter] - Whether pressing Enter submits the form
 * @param {string | {wrapper?: string, textArea?: string}} [props.className] - Custom CSS classes
 */
declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
export { TextArea, TextAreaUnstyled };