"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 n } from "../../../../assets/images/CheckmarkCircleOutline.svg.mjs";
import { ReactComponent as d } from "../../../../assets/images/GiftBox.svg.mjs";
import p from "../../../Sticker/index.mjs";
import t from "./index.module.scss.mjs";
function A({
  info: e,
  i18n: i,
  className: c,
  ...o
}) {
  const a = {};
  a[t.active] = e.state === "ACTIVE", a[t.readyForClaim] = e.state === "READY_FOR_CLAIM", a[t.claimed] = e.state === "CLAIMED", a[t.selected] = !!e.selected;
  let r = null;
  e.state === "READY_FOR_CLAIM" ? r = /* @__PURE__ */ s.jsx(d, { stroke: "var(--color-success-300)" }) : e.state === "CLAIMED" && (r = /* @__PURE__ */ s.jsx(n, { fill: "var(--color-neutral-400)" }));
  const m = {
    gradientBorder: !!e.selected
  };
  return /* @__PURE__ */ s.jsx(
    "div",
    {
      ...o,
      className: l(
        c,
        t.gradientContainer,
        m
      ),
      children: /* @__PURE__ */ s.jsxs("div", { className: l(t.itemContainer, a), children: [
        /* @__PURE__ */ s.jsxs("div", { className: t.headerContainer, children: [
          /* @__PURE__ */ s.jsx(p, { styleType: "secondary", variant: "outlined", className: "caption", children: i.type[e.questType] }),
          r
        ] }),
        /* @__PURE__ */ s.jsx("div", { className: l("menu", t.title), children: e.title })
      ] })
    }
  );
}
export {
  A as default
};
//# sourceMappingURL=index.mjs.map
