import e from "react";
import "./accelbyte-widgets665.mjs";
import { Typography as r } from "./accelbyte-widgets173.mjs";
import s from "./accelbyte-widgets666.mjs";
import a from "classnames";
function E({ items: i, isMultipleGame: l, isPreviewMode: m }) {
  return /* @__PURE__ */ e.createElement("div", { className: a("itemListContainer", m ? "inPreview" : "") }, /* @__PURE__ */ e.createElement("div", { className: a("itemsRow", m ? "inPreview" : "") }, i.map((t, c) => /* @__PURE__ */ e.createElement("div", { key: c }, /* @__PURE__ */ e.createElement("div", { className: a("cardItem", l ? "multipleGame" : "") }, /* @__PURE__ */ e.createElement("div", { className: "itemImageContainer" }, /* @__PURE__ */ e.createElement("img", { src: t.imageUrl || s, className: "m-auto w-3/4", alt: "drop-image" })), /* @__PURE__ */ e.createElement("div", { className: "itemName" }, /* @__PURE__ */ e.createElement(r, { tag: "h3", className: "text-3xl font-medium" }, t.name || "Item Name")), /* @__PURE__ */ e.createElement("div", { className: "h-auto" }, /* @__PURE__ */ e.createElement(r, { tag: "p" }, "Claimed")))))));
}
export {
  E as ItemList
};
