import { jsx as e, jsxs as l } from "react/jsx-runtime";
import { ScienceHeroCursor as h } from "./ScienceHeroCursor.es.js";
import a from "../../modules/ScienceHero/scienceHero.module.css";
import { Typography as s } from "../../components/Typography/Typography.es.js";
const f = ({
  firstLineTitle: n,
  optionalLineTitle: r,
  highlightedLineTitle: c,
  label: t,
  backgroundImage: i,
  badges: o,
  cursorLink: d
}) => /* @__PURE__ */ e(h, { backgroundImage: i, cursorLink: d, children: /* @__PURE__ */ l("section", { className: a.root, "data-type": "hero", children: [
  /* @__PURE__ */ e("div", { className: a.blurredBackground, style: { backgroundImage: `url(${i})` } }),
  /* @__PURE__ */ l("div", { className: a.container, children: [
    /* @__PURE__ */ e("div", { className: a.leftColumn }),
    /* @__PURE__ */ l("div", { className: a.mainColumn, children: [
      /* @__PURE__ */ e("div", { className: a.verticalBorder }),
      /* @__PURE__ */ e("div", { className: a.circleVector }),
      /* @__PURE__ */ e(
        "a",
        {
          className: a.circleVectorMobile,
          href: d,
          style: { backgroundImage: `url(${i}` }
        }
      ),
      /* @__PURE__ */ l("div", { className: a.content, children: [
        t && /* @__PURE__ */ e(s, { defaultVariant: "labelXs", emphasis: !0, className: a.label, children: t }),
        /* @__PURE__ */ l("div", { className: a.title, children: [
          /* @__PURE__ */ e(
            s,
            {
              as: "h2",
              defaultVariant: "displayXl",
              mobileVariant: "displayXs",
              className: a.firstLineTitle,
              children: n
            }
          ),
          r && /* @__PURE__ */ e(
            s,
            {
              defaultVariant: "displayXl",
              mobileVariant: "displayXs",
              className: a.optionalLineTitle,
              children: r
            }
          ),
          c && /* @__PURE__ */ e(
            s,
            {
              defaultVariant: "displayXl",
              mobileVariant: "displayXs",
              className: a.highlightedLineTitle,
              children: c
            }
          )
        ] }),
        /* @__PURE__ */ e("div", { className: a.badgesRow, children: o.map((m) => /* @__PURE__ */ e(
          s,
          {
            as: "p",
            defaultVariant: "labelXs",
            emphasis: !0,
            className: a.badge,
            children: m
          },
          m
        )) })
      ] }),
      /* @__PURE__ */ e("div", { className: a.verticalBorder })
    ] }),
    /* @__PURE__ */ e("div", { className: a.rightColumn })
  ] })
] }) });
export {
  f as ScienceHero
};
