import { jsx as r, jsxs as o } from "react/jsx-runtime";
import e from "../../modules/TrackProgress/trackProgress.module.css";
import { HighlightedTitle as s } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
import { Typography as m } from "../../components/Typography/Typography.es.js";
import { TimelineContent as n } from "./components/TimelineContent/TimelineContent.es.js";
const f = ({ title: i, description: a, tabs: t }) => /* @__PURE__ */ r("section", { className: e.root, children: /* @__PURE__ */ o("div", { className: e.container, children: [
  /* @__PURE__ */ o("div", { className: e.headerContainer, children: [
    /* @__PURE__ */ r(s, { title: i, colorScheme: "dark" }),
    /* @__PURE__ */ r(
      m,
      {
        as: "p",
        defaultVariant: "bodyXl",
        mobileVariant: "bodySm",
        className: e.headerDescription,
        children: a
      }
    )
  ] }),
  /* @__PURE__ */ r(n, { tabs: t })
] }) });
export {
  f as TrackProgress
};
