"use client";
import { j as r } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import i from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import { ContainerInteractive as j } from "../ContainerInteractive/index.mjs";
import u from "../RewardImageInput/index.mjs";
import { HpSelect as o } from "../Select/index.mjs";
import c from "../TextInput/index.mjs";
import e from "./RewardFormCard.module.scss.mjs";
function G({
  classNames: t,
  networkInputProps: n,
  tokenContractAddressInputProps: l,
  tokenTypeInputProps: x,
  rewardImageProps: m,
  RewardContract: s,
  children: d,
  ...p
}) {
  return /* @__PURE__ */ r.jsxs(
    j,
    {
      classNames: {
        ...t,
        title: i(e.title, t == null ? void 0 : t.title),
        root: i(e.root, t == null ? void 0 : t.root)
      },
      ...p,
      children: [
        /* @__PURE__ */ r.jsx(o, { ...n }),
        s,
        /* @__PURE__ */ r.jsxs("div", { className: e.split, children: [
          /* @__PURE__ */ r.jsxs("div", { children: [
            /* @__PURE__ */ r.jsx(u, { label: "Reward Image", ...m }),
            /* @__PURE__ */ r.jsx("span", { className: "text--sm color-neutral-400 text--semibold", children: "Requirements:" }),
            /* @__PURE__ */ r.jsxs("ul", { className: i("color-neutral-400", e.requirementList), children: [
              /* @__PURE__ */ r.jsx("li", { children: "SVG, PNG, JPG" }),
              /* @__PURE__ */ r.jsx("li", { children: "1:1 Ratio" }),
              /* @__PURE__ */ r.jsx("li", { children: "Min: 48px" })
            ] })
          ] }),
          /* @__PURE__ */ r.jsxs("div", { className: e.inputs, children: [
            /* @__PURE__ */ r.jsx(c, { ...l }),
            /* @__PURE__ */ r.jsx(o, { ...x }),
            d
          ] })
        ] })
      ]
    }
  );
}
export {
  G as default
};
//# sourceMappingURL=index.mjs.map
