import { jsxs as M, jsx as e } from "react/jsx-runtime";
import { M as j } from "./multiline-text-input-DZ31Npjo.es.js";
import { F as l } from "./form-field-ClimvHF6.es.js";
import { a as E } from "./field-errors-DYvB-OZF.es.js";
const T = ({
  id: s,
  label: a,
  description: r,
  info: t,
  errors: i,
  onChange: d,
  renderError: m,
  touched: p = !1,
  isRequired: c = !1,
  isDisabled: f = !1,
  isReadOnly: u = !1,
  isInvalid: h = !1,
  size: o = "md",
  value: x,
  placeholder: F,
  ...I
}) => {
  const n = p && i && Object.values(i).some(Boolean);
  return /* @__PURE__ */ M(
    l.Root,
    {
      id: s,
      size: o,
      isRequired: c,
      isDisabled: f,
      isReadOnly: u,
      isInvalid: n || h,
      children: [
        /* @__PURE__ */ e(l.Label, { children: a }),
        /* @__PURE__ */ e(l.Input, { children: /* @__PURE__ */ e(
          j,
          {
            ...I,
            size: o,
            placeholder: F,
            onChange: d,
            value: x
          }
        ) }),
        r && /* @__PURE__ */ e(l.Description, { children: r }),
        n && /* @__PURE__ */ e(l.Error, { children: /* @__PURE__ */ e(E, { errors: i, renderError: m }) }),
        t && /* @__PURE__ */ e(l.InfoBox, { children: t })
      ]
    }
  );
};
T.displayName = "MultilineTextInputField";
export {
  T as M
};
//# sourceMappingURL=multiline-text-input-field-DG3Z_FtW.es.js.map
