import { jsx as e, jsxs as r } from "react/jsx-runtime";
import a from "./assets/content-img.png.es.js";
import t from "../../pageComponents/DiscoverTheStory/discoverTheStory.module.css";
import { Typography as o } from "../../components/Typography/Typography.es.js";
const c = () => /* @__PURE__ */ e("div", { className: t.root, children: /* @__PURE__ */ r("div", { className: t.container, children: [
  /* @__PURE__ */ e("img", { src: a, alt: "content image", className: t.contentImg }),
  /* @__PURE__ */ r("div", { className: t.contentTextContainer, children: [
    /* @__PURE__ */ e(o, { defaultVariant: "displayMd", mobileVariant: "headingXl", children: "Discover the story behind your numbers" }),
    /* @__PURE__ */ e(o, { defaultVariant: "bodyMd", mobileVariant: "bodySm", children: "Our intuitive interface makes complex biomarker data easy to understand. Personalized reports provide context and meaning to your results, so you can see the full picture of your health." })
  ] })
] }) });
export {
  c as DiscoverTheStory
};
