import { type RefObject } from 'react';
export type TextAreaElement = {
    focus: () => void;
    readonly value: string;
    readonly minHeight: string;
    readonly focused: boolean;
    readonly invalid: boolean;
    readonly ref: RefObject<Element | null>;
    readonly id: string;
};
/**
---
category: components
---
**/
declare const TextArea: import("react").ForwardRefExoticComponent<import("@instructure/shared-types").PickPropsWithExceptions<import("@instructure/ui-form-field/latest").FormFieldOwnProps, "inline" | "label" | "id" | "elementRef"> & {
    label: React.ReactNode;
    id?: string;
    size?: "small" | "medium" | "large";
    layout?: "stacked" | "inline";
    autoGrow?: boolean;
    resize?: "none" | "both" | "horizontal" | "vertical";
    width?: string;
    height?: string;
    maxHeight?: number | string;
    messages?: import("@instructure/ui-form-field/latest").FormMessage[];
    inline?: boolean;
    placeholder?: string;
    disabled?: boolean;
    readOnly?: boolean;
    required?: boolean;
    textareaRef?: (textarea: HTMLTextAreaElement | null) => void;
    defaultValue?: string;
    value?: string;
    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
    margin?: import("@instructure/emotion").Spacing;
} & {
    themeOverride?: import("@instructure/emotion").ThemeOverrideValue;
} & Omit<import("react").TextareaHTMLAttributes<{
    label: React.ReactNode;
    id?: string;
    size?: "small" | "medium" | "large";
    layout?: "stacked" | "inline";
    autoGrow?: boolean;
    resize?: "none" | "both" | "horizontal" | "vertical";
    width?: string;
    height?: string;
    maxHeight?: number | string;
    messages?: import("@instructure/ui-form-field/latest").FormMessage[];
    inline?: boolean;
    placeholder?: string;
    disabled?: boolean;
    readOnly?: boolean;
    required?: boolean;
    textareaRef?: (textarea: HTMLTextAreaElement | null) => void;
    defaultValue?: string;
    value?: string;
    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
    margin?: import("@instructure/emotion").Spacing;
} & Element>, "dir" | keyof {
    label: React.ReactNode;
    id?: string;
    size?: "small" | "medium" | "large";
    layout?: "stacked" | "inline";
    autoGrow?: boolean;
    resize?: "none" | "both" | "horizontal" | "vertical";
    width?: string;
    height?: string;
    maxHeight?: number | string;
    messages?: import("@instructure/ui-form-field/latest").FormMessage[];
    inline?: boolean;
    placeholder?: string;
    disabled?: boolean;
    readOnly?: boolean;
    required?: boolean;
    textareaRef?: (textarea: HTMLTextAreaElement | null) => void;
    defaultValue?: string;
    value?: string;
    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
    margin?: import("@instructure/emotion").Spacing;
}> & {
    dir?: "ltr" | "rtl";
} & import("@instructure/ui-react-utils").WithDeterministicIdProps & import("react").RefAttributes<TextAreaElement>>;
export default TextArea;
export { TextArea };
//# sourceMappingURL=index.d.ts.map