"use client";
import { j as s } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import l from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import "react";
import { ReactComponent as d } from "../../assets/images/LinuxIcon.svg.mjs";
import { ReactComponent as x } from "../../assets/images/MacOSIcon.svg.mjs";
import { ReactComponent as f } from "../../assets/images/SteamDeckIcon.svg.mjs";
import { ReactComponent as j } from "../../assets/images/WebIcon.svg.mjs";
import { ReactComponent as p } from "../../assets/images/WindowsIcon.svg.mjs";
import { CaptionSmall as o } from "../Typography/index.mjs";
import e from "./GameInfo.module.scss.mjs";
const y = ({
  info: t,
  platforms: i,
  action: n,
  className: m,
  ...c
}) => /* @__PURE__ */ s.jsx("div", { className: l(m, e.root), ...c, children: /* @__PURE__ */ s.jsxs("div", { className: e.infoSection, children: [
  /* @__PURE__ */ s.jsxs("div", { className: e.info, style: { paddingTop: 0 }, children: [
    Object.entries(t).map(([a, r]) => /* @__PURE__ */ s.jsxs("div", { className: e.infoItem, children: [
      /* @__PURE__ */ s.jsx(o, { className: e.infoTitle, children: a }),
      /* @__PURE__ */ s.jsx(o, { className: e.infoValue, children: r })
    ] }, a)),
    /* @__PURE__ */ s.jsxs("div", { className: e.infoItem, children: [
      /* @__PURE__ */ s.jsx(o, { className: e.infoTitle, children: "Platform" }),
      /* @__PURE__ */ s.jsxs("div", { className: e.platformInfo, children: [
        i.windows && /* @__PURE__ */ s.jsx(p, { style: { marginRight: 6 } }),
        i.mac && /* @__PURE__ */ s.jsx(x, {}),
        i.linux && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
          /* @__PURE__ */ s.jsx(d, {}),
          /* @__PURE__ */ s.jsx(f, { style: { marginLeft: -6 } })
        ] }),
        i.web && /* @__PURE__ */ s.jsx(j, { width: 20, height: 20, style: { marginLeft: 6 } })
      ] })
    ] })
  ] }),
  n && /* @__PURE__ */ s.jsx("div", { className: e.action, children: n })
] }) });
export {
  y as default
};
//# sourceMappingURL=index.mjs.map
