import { jsx as e, jsxs as a, Fragment as d } from "react/jsx-runtime";
import { formatDate as s } from "../../../../utils/formatDate.es.js";
import r from "../../../../modules/ResearchEssentialReadings/components/ReadingCard/readingCard.module.css";
import { Label as h } from "../../../../components/Label/Label.es.js";
import { Typography as l } from "../../../../components/Typography/Typography.es.js";
function b({ title: o, link: m, image: n, date: c, label: i, readTime: t }) {
  return /* @__PURE__ */ e("a", { href: m, className: r.root, children: /* @__PURE__ */ a("div", { className: r.content, children: [
    /* @__PURE__ */ e("div", { className: r.imagePart, style: { backgroundImage: `url(${n})` }, children: i && /* @__PURE__ */ e(h, { color: "white", size: "lg", children: i }) }),
    /* @__PURE__ */ a("div", { className: r.dataPart, children: [
      /* @__PURE__ */ a("div", { className: r.info, children: [
        /* @__PURE__ */ e(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: s(c) }),
        !!t && /* @__PURE__ */ a(d, { children: [
          /* @__PURE__ */ e(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: "•" }),
          /* @__PURE__ */ a(l, { defaultVariant: "labelSm", emphasis: !0, weight: "medium", color: "color-neutral-500", children: [
            t,
            " MIN READ"
          ] })
        ] })
      ] }),
      /* @__PURE__ */ e(l, { className: r.title, defaultVariant: "headingXs", children: o })
    ] })
  ] }) });
}
export {
  b as ReadingCard
};
