@thinkbuff/figma-react/dist/components/textarea/textarea.mjs

A Figma React UI components for creating plugins and widgets

import { jsxs, jsx } from 'react/jsx-runtime';
import { forwardRef } from 'react';
import { cn } from '../../utils/cn.mjs';
import { inputVariants } from '../input/input-variants.mjs';
import '../input/input.mjs';

const textareaVariants = inputVariants;
const Textarea = forwardRef(
  ({ className, variant, invalid, disabled, children, ...props }, ref) => {
    return /* @__PURE__ */ jsxs(
      "div",
      {
        className: cn("peer", "relative"),
        "data-disabled": disabled,
        "data-invalid": invalid,
        children: [
          children,
          /* @__PURE__ */ jsx(
            "textarea",
            {
              ref,
              "data-invalid": invalid,
              "aria-invalid": invalid,
              className: cn(
                "block",
                "px-2",
                "py-1",
                "resize-none",
                textareaVariants({ variant, disabled, invalid, className })
              ),
              ...props,
              disabled
            }
          )
        ]
      }
    );
  }
);
Textarea.displayName = "Textarea";

export { Textarea };