import { AccPath as i } from "./accelbyte-widgets34.mjs";
import e from "react";
import { Trans as c } from "react-i18next";
import { Link as l } from "react-router-dom";
import { GameItem as s } from "./accelbyte-widgets430.mjs";
import { NoGame as u } from "./accelbyte-widgets294.mjs";
import m from "./accelbyte-widgets431.mjs";
import { AccountOverviewSubSection as p, AccountOverviewSubSectionHeader as v, AccountOverviewSubSectionBody as S } from "./accelbyte-widgets428.mjs";
const O = (n) => {
  const { gameEntitlementsRecord: r, gameInfoRecord: a } = n;
  return /* @__PURE__ */ e.createElement(p, { className: m.myGamesSubSection }, /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(c, { i18nKey: "AccountOverviewPage.subSectionGames.title" }, "My Games"), /* @__PURE__ */ e.createElement(l, { to: i.PurchasedGame.makePath() }, /* @__PURE__ */ e.createElement(c, { i18nKey: "AccountOverviewPage.subSectionGames.seeAll" }, "See all"))), /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", { className: m.purchasedItemsListWrapper }, /* @__PURE__ */ e.createElement("div", { className: m.myGameList }, r ? Object.keys(r).map((o) => {
    const t = a && a[o];
    return t ? /* @__PURE__ */ e.createElement(s, { key: t == null ? void 0 : t.itemId, item: t }) : null;
  }) : /* @__PURE__ */ e.createElement(u, null)))));
};
export {
  O as PreviewMyGames
};
