import { jsx } from "react/jsx-runtime";
import { cx } from "@emotion/css";
import { forwardRef } from "react";
import { useStyle } from "../../../../../../../runtimes/react/use-style";
import { useFormContext } from "../../../../context/FormContext";
import responsiveField from "../../services/responsiveField";
var TextArea_default = forwardRef(function TextArea({ error = false, form, ...restOfProps }, ref) {
  const { shape, size, contrast, brandColor } = useFormContext();
  return /* @__PURE__ */ jsx(
    "textarea",
    {
      ...restOfProps,
      ref,
      className: cx(
        useStyle({ resize: "vertical" }),
        useStyle(responsiveField({ error, shape, size, contrast, brandColor }))
      ),
      rows: 4
    }
  );
});
export {
  TextArea_default as default
};
//# sourceMappingURL=index.js.map