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