import { AccPath as a } from "./accelbyte-widgets34.mjs";
import e from "react";
import { Trans as r } from "react-i18next";
import { Link as l } from "react-router-dom";
import { getThirdPartyPlatformIcon as m } from "./accelbyte-widgets275.mjs";
import { AccountOverviewSubSection as i, AccountOverviewSubSectionHeader as u, AccountOverviewSubSectionBody as s } from "./accelbyte-widgets428.mjs";
import n from "./accelbyte-widgets429.mjs";
const P = (c) => {
  const { linkedPlatform: t } = c;
  return /* @__PURE__ */ e.createElement(i, { className: n.linkedAccountsSubSection }, /* @__PURE__ */ e.createElement(u, null, /* @__PURE__ */ e.createElement(r, { i18nKey: "AccountOverviewPage.subLinkedAccounts.title" }, "Linked Accounts"), /* @__PURE__ */ e.createElement(l, { to: a.LinkedAccounts.makePath() }, /* @__PURE__ */ e.createElement(r, { i18nKey: "AccountOverviewPage.subLinkedAccounts.seeAll" }, "See All"))), /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement("div", { className: n.previewLinkedAccount }, /* @__PURE__ */ e.createElement("table", null, /* @__PURE__ */ e.createElement("tbody", null, t && t.length > 0 ? t.map((o) => d(o)) : /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", { colSpan: 3, className: n.noLinkedAccount }, /* @__PURE__ */ e.createElement(r, { i18nKey: "LinkedAccountPage.noLinkedAccount" }, "You have no linked account"))))))));
}, d = (c) => {
  const t = c.platformName;
  return t ? /* @__PURE__ */ e.createElement("tr", { key: c.platformName }, /* @__PURE__ */ e.createElement("td", { className: n.linkedAccountsContainer }, /* @__PURE__ */ e.createElement("span", { className: n.platform }, m(t)))) : null;
};
export {
  P as PreviewLinkedAccounts
};
