"use client";
import { j as t } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import u, { forwardRef as d } from "react";
import p from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import { ReactComponent as x } from "../../assets/images/QuestIcon.svg.mjs";
import f from "../Button/index.mjs";
import e from "./index.module.scss.mjs";
const y = d(
  function({
    className: o,
    onCreateNewQuest: r,
    i18n: s = {
      title: "Create your first Quest",
      description: "Recognize your most valuable players with Quest Rewards.",
      buttonText: "Create Quest"
    },
    buttonProps: n = {},
    linkProps: a,
    linkComponent: i,
    ...c
  }, l) {
    const m = i ?? u.Fragment;
    return /* @__PURE__ */ t.jsxs("div", { className: p(e.container, o), ref: l, ...c, children: [
      /* @__PURE__ */ t.jsx("div", { className: e.questIconContainer, children: /* @__PURE__ */ t.jsx(x, { className: e.questIcon }) }),
      /* @__PURE__ */ t.jsx("h1", { className: e.title, children: s.title }),
      /* @__PURE__ */ t.jsx("p", { className: e.description, children: s.description }),
      /* @__PURE__ */ t.jsx(m, { ...a, children: /* @__PURE__ */ t.jsx(
        f,
        {
          className: e.ctaButton,
          onClick: r,
          ...n,
          children: s.buttonText
        }
      ) })
    ] });
  }
);
export {
  y as default
};
//# sourceMappingURL=index.mjs.map
