import { jsx as e, jsxs as a } from "react/jsx-runtime";
import r from "../../modules/ResearchFeatured/researchFeatured.module.css";
import { HighlightedArticle as s } from "./components/HighlightedArticle/HighlightedArticle.es.js";
import { Typography as c } from "../../components/Typography/Typography.es.js";
import { FeaturedArticle as n } from "./components/FeaturedArticle/FeaturedArticle.es.js";
const v = ({
  highlightedArticle: t,
  articles: i,
  trackingEvent: d,
  trackingLocation: l
}) => /* @__PURE__ */ e("div", { className: r.root, children: /* @__PURE__ */ a("div", { className: r.container, children: [
  /* @__PURE__ */ e("div", { className: r.divider }),
  /* @__PURE__ */ e(s, { ...t }),
  i.length > 0 && /* @__PURE__ */ a("div", { className: r.featuredArticles, children: [
    /* @__PURE__ */ e(c, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: "Featured" }),
    /* @__PURE__ */ e("div", { className: r.articlesContainer, children: i.map((m, o) => /* @__PURE__ */ e(
      n,
      {
        ...m,
        trackingEvent: d,
        trackingLocation: l
      },
      o
    )) })
  ] })
] }) });
export {
  v as ResearchFeatured
};
