import { jsx as a, jsxs as t, Fragment as m } from "react/jsx-runtime";
import { cn as o } from "../../utils/cn/cn.es.js";
import c from "./assets/icon1.png.es.js";
import n from "./assets/icon2.png.es.js";
import l from "./assets/icon3.png.es.js";
import d from "./assets/img1.png.es.js";
import p from "./assets/img2.png.es.js";
import g from "./assets/img3.png.es.js";
import v from "./assets/svg1.svg.es.js";
import h from "./assets/svg2.svg.es.js";
import y from "./assets/svg3.svg.es.js";
import e from "../../pageComponents/LabsHero/labsHero.module.css";
import { EAnalyticsEventType as f, EAnalyticsEvent as u } from "../../types/analytics/analytics.es.js";
import { HighlightedTitle as N } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
import { Typography as I } from "../../components/Typography/Typography.es.js";
import { Button as i } from "../../components/Button/Button.es.js";
const W = ({ link: r }) => {
  const s = {
    event: u.ctaClicked,
    type: f.interaction,
    component: "LabsHero",
    payload: {
      ctaLink: r
    }
  };
  return /* @__PURE__ */ a("section", { className: e.root, "data-type": "hero", children: /* @__PURE__ */ t("div", { className: e.container, children: [
    /* @__PURE__ */ t("div", { className: e.headlineContainer, children: [
      /* @__PURE__ */ a("div", { className: e.title, children: /* @__PURE__ */ a(
        N,
        {
          as: "p",
          colorScheme: "dark",
          defaultVariant: "displayMd",
          mobileVariant: "displayXs",
          title: /* @__PURE__ */ t(m, { children: [
            "To see results, you need to ",
            /* @__PURE__ */ a("b", { children: "see your results" })
          ] })
        }
      ) }),
      /* @__PURE__ */ a(I, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", className: e.description, children: "Healthspan's advanced lab panels provide precise data on 100+ biomarkers. Your dedicated clinical care team analyzes and explains the results in plain terms, helping you personalize and optimize your longevity protocol." }),
      /* @__PURE__ */ a("div", { className: o(e.buttonWrap, e.mobile), children: /* @__PURE__ */ a(i, { as: "a", href: r, variant: "secondary", size: "md", analyticsProps: s, children: "Get Started" }) }),
      /* @__PURE__ */ a("div", { className: o(e.buttonWrap, e.desktop), children: /* @__PURE__ */ a(i, { as: "a", href: r, variant: "secondary", size: "lg", analyticsProps: s, children: "Get Started" }) })
    ] }),
    /* @__PURE__ */ t("div", { className: e.animationContainer, children: [
      /* @__PURE__ */ a("img", { src: c, className: e.set1Icon, alt: "Image Icon" }),
      /* @__PURE__ */ a("img", { src: d, className: e.set1Image, alt: "Product Image" }),
      /* @__PURE__ */ a(v, { className: e.set1Svg }),
      /* @__PURE__ */ a("img", { src: n, className: e.set2Icon, alt: "Image Icon" }),
      /* @__PURE__ */ a("img", { src: p, className: e.set2Image, alt: "Product Image" }),
      /* @__PURE__ */ a(h, { className: e.set2Svg }),
      /* @__PURE__ */ a("img", { src: l, className: e.set3Icon, alt: "Image Icon" }),
      /* @__PURE__ */ a("img", { src: g, className: e.set3Image, alt: "Product Image" }),
      /* @__PURE__ */ a(y, { className: e.set3Svg })
    ] })
  ] }) });
};
export {
  W as LabsHero
};
