import { jsxs as e, jsx as a } from "react/jsx-runtime";
import m from "./assets/BiomarkerGraph.svg.es.js";
import r from "../../../../../pageComponents/HomepageHero/components/MiddleCarousel/cards/biomarker.module.css";
import { Typography as i } from "../../../../../components/Typography/Typography.es.js";
import { Icon as o } from "../../../../../components/Icon/Icon.es.js";
import { EIconName as t } from "../../../../../components/Icon/constants.es.js";
function h() {
  return /* @__PURE__ */ e("div", { className: r.biomarkerCard, children: [
    /* @__PURE__ */ e("div", { className: r.topContainer, children: [
      /* @__PURE__ */ a(i, { as: "p", defaultVariant: "labelXs", emphasis: !0, className: r.textContainer, children: "BIOMARKER PROFILE" }),
      /* @__PURE__ */ e("div", { className: r.biomarkerInfo, children: [
        /* @__PURE__ */ a(i, { as: "p", defaultVariant: "displayMd", children: "7.8" }),
        /* @__PURE__ */ e("div", { className: r.biomarkerUnit, children: [
          /* @__PURE__ */ a(o, { name: t.ARROW_OUTWARD, className: r.trendArrow }),
          /* @__PURE__ */ a(i, { as: "p", defaultVariant: "bodySm", className: r.biomarkerLabel, children: "mg/dL" })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ a("div", { className: r.bottomContainer, children: /* @__PURE__ */ a(m, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
  ] });
}
export {
  h as BiomarkerCard
};
