import { jsxs as l, jsx as a } from "react/jsx-runtime";
import { formatDate as c } from "../../../../utils/formatDate.es.js";
import e from "../../../../modules/ResearchFeatured/components/HighlightedArticle/highlightedArticle.module.css";
import { Label as n } from "../../../../components/Label/Label.es.js";
import { Typography as t } from "../../../../components/Typography/Typography.es.js";
const b = ({ label: r, image: i, date: s, title: m, link: o }) => /* @__PURE__ */ l("a", { href: o, className: e.root, style: { backgroundImage: `url(${i})` }, children: [
  r && /* @__PURE__ */ a(n, { size: "lg", color: "white", className: e.label, children: r }),
  /* @__PURE__ */ l("div", { className: e.text, children: [
    /* @__PURE__ */ a(t, { defaultVariant: "labelSm", mobileVariant: "labelXs", emphasis: !0, className: e.date, children: c(s) }),
    /* @__PURE__ */ a(t, { defaultVariant: "headingXl", mobileVariant: "headingXs", className: e.title, children: m })
  ] })
] });
export {
  b as HighlightedArticle
};
