"use client";
import { j as e } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import "react";
import { ReactComponent as c } from "../../assets/images/EpicStoreIcon.svg.mjs";
import { ReactComponent as i } from "../../assets/images/HyperPlayLogoIcon.svg.mjs";
import { ReactComponent as m } from "../../assets/images/SteamIcon.svg.mjs";
import o from "./StoreRow.module.scss.mjs";
function f({
  store: a,
  secondaryText: s,
  children: r,
  ...n
}) {
  const t = (() => {
    switch (a) {
      case "steam":
        return {
          icon: /* @__PURE__ */ e.jsx(m, { height: 40 }),
          name: "Steam"
        };
      case "epic":
        return {
          icon: /* @__PURE__ */ e.jsx(c, { height: 40 }),
          name: "Epic Games"
        };
      case "hyperplay":
        return {
          icon: /* @__PURE__ */ e.jsx(i, { height: 40 }),
          name: "HyperPlay"
        };
    }
  })();
  return t ? /* @__PURE__ */ e.jsxs("div", { className: o.root, ...n, children: [
    /* @__PURE__ */ e.jsxs("div", { className: o.left, children: [
      /* @__PURE__ */ e.jsx("div", { children: t.icon }),
      /* @__PURE__ */ e.jsxs("div", { className: o.col, children: [
        /* @__PURE__ */ e.jsx("div", { className: "body-sm", children: t.name }),
        s && /* @__PURE__ */ e.jsx("div", { className: "caption color-neutral-400", children: s })
      ] })
    ] }),
    r
  ] }) : null;
}
export {
  f as default
};
//# sourceMappingURL=index.mjs.map
