@codex-storage/marketplace-ui-components/dist/components/InputGroup/InputGroup.js

Marketplace UI components for Codex decentralized storage network.

import { jsx as i, jsxs as n } from "react/jsx-runtime";
import { Input as N } from "../Input/Input.js";
import { Select as S } from "../Select/Select.js";
import '../../assets/InputGroup.css';function q({
  label: e,
  name: l,
  helper: d,
  type: t = "text",
  group: r,
  className: c = "",
  inputClassName: o = "",
  onChange: a,
  onGroupChange: h,
  onMouseEnter: p,
  onMouseLeave: s,
  onFocus: m,
  onBlur: v,
  id: u,
  step: f,
  value: x = void 0,
  groupValue: j = "",
  inputRef: y,
  min: A,
  max: I,
  extra: b,
  isInvalid: C,
  defaultValue: G
}) {
  return /* @__PURE__ */ i("div", { className: `input-group ${c}`, children: /* @__PURE__ */ n("div", { children: [
    /* @__PURE__ */ n("div", { children: [
      /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
        N,
        {
          ref: y,
          id: u,
          name: l,
          label: e,
          onChange: a,
          inputClassName: o,
          type: t,
          value: x,
          step: f,
          min: A,
          max: I,
          onMouseEnter: p,
          onMouseLeave: s,
          onFocus: m,
          onBlur: v,
          isInvalid: C,
          defaultValue: G
        }
      ) }),
      /* @__PURE__ */ i("div", { children: Array.isArray(r) ? /* @__PURE__ */ i(
        S,
        {
          label: "",
          id: "",
          onChange: h,
          value: j,
          options: r
        }
      ) : /* @__PURE__ */ i("div", { children: r }) })
    ] }),
    /* @__PURE__ */ n("p", { children: [
      /* @__PURE__ */ i("span", { children: d && /* @__PURE__ */ i("small", { children: d }) }),
      b
    ] })
  ] }) });
}
export {
  q as InputGroup
};
//# sourceMappingURL=InputGroup.js.map