"use client";
import { j as t } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import o 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 c } from "../../assets/images/MacOSIcon.svg.mjs";
import { ReactComponent as x } from "../../assets/images/SteamDeckIcon.svg.mjs";
import { ReactComponent as m } from "../../assets/images/WebIcon.svg.mjs";
import { ReactComponent as p } from "../../assets/images/WindowsIcon.svg.mjs";
import e from "./GameRequirementsTable.module.scss.mjs";
const j = ({
  platforms: r
}) => /* @__PURE__ */ t.jsxs("div", { className: e.icons, children: [
  r.windows && /* @__PURE__ */ t.jsx(p, {}),
  r.mac && /* @__PURE__ */ t.jsx(c, {}),
  r.linux && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
    /* @__PURE__ */ t.jsx(d, {}),
    /* @__PURE__ */ t.jsx(x, {})
  ] }),
  r.web && /* @__PURE__ */ t.jsx(m, { width: 20, height: 20 })
] }), S = ({
  requirements: r,
  classnames: i
}) => /* @__PURE__ */ t.jsxs("div", { className: o(e.container, i == null ? void 0 : i.container), children: [
  /* @__PURE__ */ t.jsx("h1", { className: o("title", e.title, i == null ? void 0 : i.title), children: "Recommended" }),
  /* @__PURE__ */ t.jsx("table", { className: o(e.table, i == null ? void 0 : i.table), children: /* @__PURE__ */ t.jsxs("tbody", { children: [
    /* @__PURE__ */ t.jsxs("tr", { className: o(e.item, i == null ? void 0 : i.item), children: [
      /* @__PURE__ */ t.jsx("td", { className: o("caption", e.item__title), children: "OS" }),
      /* @__PURE__ */ t.jsx("td", { className: o("caption", e.item__value), children: /* @__PURE__ */ t.jsx(j, { platforms: r.platforms }) })
    ] }),
    /* @__PURE__ */ t.jsxs("tr", { className: o(e.item, i == null ? void 0 : i.item), children: [
      /* @__PURE__ */ t.jsx("td", { className: o("caption", e.item__title), children: "Processor" }),
      /* @__PURE__ */ t.jsx("td", { className: o("caption", e.item__value), children: r.cpu })
    ] }),
    /* @__PURE__ */ t.jsxs("tr", { className: o(e.item, i == null ? void 0 : i.item), children: [
      /* @__PURE__ */ t.jsx("td", { className: o("caption", e.item__title), children: "Memory" }),
      /* @__PURE__ */ t.jsx("td", { className: o("caption", e.item__value), children: r.memory })
    ] }),
    /* @__PURE__ */ t.jsxs("tr", { className: o(e.item, i == null ? void 0 : i.item), children: [
      /* @__PURE__ */ t.jsx("td", { className: o("caption", e.item__title), children: "Graphics" }),
      /* @__PURE__ */ t.jsx("td", { className: o("caption", e.item__value), children: r.gpu })
    ] }),
    /* @__PURE__ */ t.jsxs("tr", { className: o(e.item, i == null ? void 0 : i.item), children: [
      /* @__PURE__ */ t.jsx("td", { className: o("caption", e.item__title), children: "Storage" }),
      /* @__PURE__ */ t.jsx("td", { className: o("caption", e.item__value), children: r.disk })
    ] })
  ] }) })
] });
export {
  S as default
};
//# sourceMappingURL=index.mjs.map
