import { jsxs as r, jsx as e } from "react/jsx-runtime";
import i from "./assets/AgeGraph.svg.es.js";
import a from "../../../../../pageComponents/HomepageHero/components/MiddleCarousel/cards/age.module.css";
import { Typography as s } from "../../../../../components/Typography/Typography.es.js";
import { Icon as m } from "../../../../../components/Icon/Icon.es.js";
import { EIconName as l } from "../../../../../components/Icon/constants.es.js";
function h() {
  return /* @__PURE__ */ r("div", { className: a.ageCard, children: [
    /* @__PURE__ */ r("div", { className: a.topContainer, children: [
      /* @__PURE__ */ e(s, { as: "p", defaultVariant: "labelXs", emphasis: !0, className: a.textContainer, children: "BIOLOGICAL AGE" }),
      /* @__PURE__ */ r("div", { className: a.ageInfo, children: [
        /* @__PURE__ */ e(s, { as: "p", defaultVariant: "displayMd", className: a.ageNumber, children: "31" }),
        /* @__PURE__ */ r("div", { className: a.ageUnit, children: [
          /* @__PURE__ */ e(m, { name: l.ARROW_OUTWARD, className: a.trendArrow }),
          /* @__PURE__ */ e(s, { as: "p", defaultVariant: "bodySm", className: a.ageLabel, children: "years old" })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ e("div", { className: a.bottomContainer, children: /* @__PURE__ */ e(i, { className: a.graphSvg }) })
  ] });
}
export {
  h as AgeCard
};
