"use client";
import { j as e } 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 o from "../../assets/banners/ZkSync/Capsule.png.mjs";
import d from "../Button/index.mjs";
import t from "./index.module.scss.mjs";
function j({
  i18n: s,
  link: r,
  ...n
}) {
  const { title: i, description: a, buttonText: c } = s || {
    title: "NEW QUEST AVAILABLE",
    description: /* @__PURE__ */ e.jsxs("div", { className: l("title", t.title), children: [
      "Existing capsule holders, complete the quest to",
      /* @__PURE__ */ e.jsx("b", { children: " earn special zkSync on-chain rewards!" })
    ] }),
    buttonText: "View Quest"
  };
  return /* @__PURE__ */ e.jsxs("div", { className: t.bannerContainer, ...n, children: [
    /* @__PURE__ */ e.jsxs("div", { className: t.contentContainer, children: [
      /* @__PURE__ */ e.jsx("h3", { children: i }),
      a,
      /* @__PURE__ */ e.jsx("div", { className: t.cta, children: /* @__PURE__ */ e.jsx("a", { href: r, rel: "noreferrer", target: "_blank", children: /* @__PURE__ */ e.jsx(d, { type: "secondary", children: /* @__PURE__ */ e.jsx("div", { className: t.buttonTextContainer, children: c }) }) }) })
    ] }),
    /* @__PURE__ */ e.jsx("img", { src: o, className: t.capsule })
  ] });
}
export {
  j as default
};
//# sourceMappingURL=index.mjs.map
