import { jsx as e, jsxs as a } from "react/jsx-runtime";
import r from "./assets/biological-age-img.png.es.js";
import i from "../../pageComponents/BiologicalAge/biologicalAge.module.css";
import { HighlightedTitle as s } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
const c = () => /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ e("div", { className: i.container, children: /* @__PURE__ */ a("div", { className: i.content, children: [
  /* @__PURE__ */ e("img", { src: r, alt: "background image", className: i.image }),
  /* @__PURE__ */ e("div", { className: i.textContainer, children: /* @__PURE__ */ e(
    s,
    {
      title: /* @__PURE__ */ a("p", { children: [
        "Our patients see an average reduction in biological age of ",
        /* @__PURE__ */ e("br", { className: i.mobileLineBreak }),
        /* @__PURE__ */ e("b", { children: "8 years" })
      ] }),
      defaultVariant: "displayXs",
      mobileVariant: "headingXs"
    }
  ) })
] }) }) });
export {
  c as BiologicalAge
};
