import { jsx as i, jsxs as e } from "react/jsx-runtime";
import { cn as t } from "../../utils/cn/cn.es.js";
import a from "../../modules/OptimalHealth/optimalHealth.module.css";
import { ClockImages as n } from "./components/ClockImages/ClockImages.es.js";
import { HighlightedTitle as c } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
import { Typography as d } from "../../components/Typography/Typography.es.js";
import { Button as s } from "../../components/Button/Button.es.js";
const b = ({ title: o, description: m, link: r, images: l }) => /* @__PURE__ */ i("section", { className: a.root, children: /* @__PURE__ */ i("div", { className: a.container, children: /* @__PURE__ */ e("div", { className: a.wrapper, children: [
  /* @__PURE__ */ i(n, { images: l }),
  /* @__PURE__ */ e("div", { className: a.content, children: [
    /* @__PURE__ */ i(
      c,
      {
        title: o,
        className: a.title,
        defaultVariant: "displaySm",
        mobileVariant: "headingLg"
      }
    ),
    /* @__PURE__ */ i(
      d,
      {
        as: "p",
        defaultVariant: "bodyLg",
        mobileVariant: "bodySm",
        className: a.description,
        children: m
      }
    ),
    /* @__PURE__ */ i("div", { className: t(a.actions, a.desktop), children: /* @__PURE__ */ i(s, { as: "a", variant: "primary", size: "lg", href: r, children: "LEARN MORE" }) }),
    /* @__PURE__ */ i("div", { className: t(a.actions, a.mobile), children: /* @__PURE__ */ i(s, { as: "a", variant: "primary", size: "sm", href: r, children: "LEARN MORE" }) })
  ] })
] }) }) });
export {
  b as OptimalHealth
};
