import type { StoryObj } from "@storybook/react-vite";
declare const meta: {
    title: string;
    tags: "figma:TextAreaField"[];
    component: (props: (Omit<import("../src").TextareaProps, "isDisabled" | "isError"> & {
        label?: React.ReactNode;
        helperText?: React.ReactNode;
        errorText?: React.ReactNode;
        width?: import("../src/types/general.types").FormFieldSize | [import("../src/types/general.types").FormFieldSize, import("../src/types/general.types").FormFieldSize?, import("../src/types/general.types").FormFieldSize?, import("../src/types/general.types").FormFieldSize?, import("../src/types/general.types").FormFieldSize?];
        fullWidth?: boolean;
    }) & {
        ref?: React.Ref<HTMLTextAreaElement>;
    }) => import("react").JSX.Element;
    args: {
        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
        onBlur: import("@vitest/spy").Mock<(...args: any[]) => any>;
        onFocus: import("@vitest/spy").Mock<(...args: any[]) => any>;
        onKeyDown: import("@vitest/spy").Mock<(...args: any[]) => any>;
        onKeyPress: import("@vitest/spy").Mock<(...args: any[]) => any>;
        onCtrlEnter: import("@vitest/spy").Mock<(...args: any[]) => any>;
    };
    argTypes: {
        helperText: {
            control: {
                type: "text";
            };
        };
        errorText: {
            control: {
                type: "text";
            };
        };
    };
    parameters: {
        design: {
            type: string;
            url: string;
        };
        backgrounds: {
            default: string;
        };
    };
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Base: Story;
export declare const Disabled: Story;
export declare const Placeholder: Story;
/**
 * `onCtrlEnter` is called when the user presses Ctrl+Enter (or Cmd+Enter),
 * for example to submit a message.
 */
export declare const CtrlEnter: Story;
/**
 * Use `rows` to set the initial height of the textarea.
 */
export declare const Rows: Story;
/**
 * By default the textarea can be resized vertically. Use `resizable` to
 * change that.
 */
export declare const Resizable: Story;
export declare const HelperText: Story;
/**
 * Helper text given as a string is rendered as sanitized HTML, so translated
 * copy can contain markup such as links.
 */
export declare const HelperTextWithHtml: Story;
/**
 * When `errorText` is given, it replaces the helper text, the textarea gets
 * error styling and it is marked `aria-invalid`.
 */
export declare const ErrorText: Story;
/**
 * Besides a string, `label` takes a node, for example to add a muted
 * "(optional)" next to the text. It's rendered inside the `<label>`, so keep
 * it phrasing content and non-interactive: all of its text becomes the
 * textarea's accessible name.
 */
export declare const LabelAsNode: Story;
/**
 * Demonstrates the `fullWidth` prop. The textarea, helper text, and error text
 * stretch to fill the container width instead of taking their intrinsic size.
 * `fullWidth` is a shorthand for `width="full"`.
 */
export declare const FullWidth: Story;
/**
 * The `width` prop sizes the whole field, like `width` on `LabeledInput`. The
 * textarea, helper text and error text fill that width.
 */
export declare const Widths: Story;
/**
 * `width` also accepts a tuple of sizes per breakpoint.
 */
export declare const ResponsiveWidth: Story;
/**
 * `LabeledTextarea` accepts a `ref`, which points to its native `<textarea>`.
 * Form libraries such as react-hook-form's `register()` rely on this.
 */
export declare const WithRef: Story;