"use client";
import { j as n } from "../../../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import "react";
import { ReactComponent as x } from "../../../../assets/images/PauseIcon.svg.mjs";
import { ReactComponent as j } from "../../../../assets/images/Resume.svg.mjs";
import { ReactComponent as u } from "../../../../assets/images/XCircle.svg.mjs";
import e from "../../GameCard.module.scss.mjs";
const N = ({
  message: c,
  progress: t,
  onStopDownloadClick: l,
  onPauseClick: i,
  onResumeClick: o,
  isPaused: a,
  hasProgressControls: m = !0,
  showPauseButton: d = !0
}) => {
  const r = {
    "--download-progress-bar-percentage": `${t != null && t.percent ? t == null ? void 0 : t.percent : 0}%`
  };
  return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
    /* @__PURE__ */ n.jsx("div", { className: "caption", children: c }),
    /* @__PURE__ */ n.jsxs(
      "div",
      {
        className: `${e.downloadProgressContainer} ${a ? e.paused : ""}`,
        children: [
          /* @__PURE__ */ n.jsxs("div", { className: "caption", children: [
            t != null && t.percent ? Math.round(t == null ? void 0 : t.percent) : 0,
            "%"
          ] }),
          /* @__PURE__ */ n.jsx("div", { className: `${e.progressBar}`, style: r }),
          /* @__PURE__ */ n.jsx("button", { onClick: l, children: /* @__PURE__ */ n.jsx(u, {}) }),
          m && d && /* @__PURE__ */ n.jsx("button", { onClick: a ? o : i, children: a ? /* @__PURE__ */ n.jsx(j, { fill: "var(--color-tertiary-400)" }) : /* @__PURE__ */ n.jsx(x, { fill: "var(--color-tertiary-400)" }) })
        ]
      }
    )
  ] });
};
export {
  N as default
};
//# sourceMappingURL=index.mjs.map
