import { jsx as e, jsxs as c } from "react/jsx-runtime";
import a from "../../modules/YourProtocol/yourProtocol.module.css";
import { EAnalyticsEventType as h, EAnalyticsEvent as y } from "../../types/analytics/analytics.es.js";
import { HighlightedTitle as N } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
import { Icon as f } from "../../components/Icon/Icon.es.js";
import { Typography as n } from "../../components/Typography/Typography.es.js";
import { Button as v } from "../../components/Button/Button.es.js";
const L = ({ title: m, image: o, tags: s, button: i, colorScheme: r = "light" }) => {
  const d = {
    event: y.ctaClicked,
    type: h.interaction,
    component: "YourProtocol",
    element: "Callback",
    payload: {
      ctaLink: (i == null ? void 0 : i.link) || "no_link"
    }
  }, t = r === "dark" ? "secondary" : "primary";
  return /* @__PURE__ */ e("section", { className: a.root, "data-scheme": r, children: /* @__PURE__ */ c("div", { className: a.container, children: [
    /* @__PURE__ */ e(
      N,
      {
        title: m,
        className: a.title,
        defaultVariant: "displayMd",
        mobileVariant: "headingXl",
        colorScheme: r
      }
    ),
    s.length > 0 && /* @__PURE__ */ e("div", { className: a.tagsList, children: s.map((l, p) => /* @__PURE__ */ c("div", { className: a.tagItem, children: [
      l.icon && /* @__PURE__ */ e("div", { className: a.iconWrapper, children: /* @__PURE__ */ e(f, { name: l.icon, className: a.icon }) }),
      /* @__PURE__ */ c("div", { className: a.tagText, children: [
        /* @__PURE__ */ e(n, { className: a.tagLabel, as: "p", defaultVariant: "preambleSm", children: l.label }),
        l.description && /* @__PURE__ */ e(
          n,
          {
            className: a.tagDescription,
            as: "p",
            defaultVariant: "bodyMd",
            mobileVariant: "bodySm",
            children: l.description
          }
        )
      ] })
    ] }, p)) }),
    (i == null ? void 0 : i.link) && (i == null ? void 0 : i.label) && /* @__PURE__ */ e("div", { className: a.callbackButton, children: /* @__PURE__ */ e(v, { href: i.link, as: "a", analyticsProps: d, size: "lg", variant: t, children: i.label }) }),
    /* @__PURE__ */ e("img", { src: o, alt: "Your Protocol", className: a.image })
  ] }) });
};
export {
  L as YourProtocol
};
