"use client";
import { jsx as e, jsxs as c } from "react/jsx-runtime";
import { useState as d } from "react";
import a from "../../modules/TotalCare/totalCare.module.css";
import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
import { ContentTabs as h } from "../../components/ContentTabs/ContentTabs.es.js";
const f = ({ title: m, label: o, contentTabs: t, colorScheme: s, version: r = "v1" }) => {
  const [i, l] = d(t.tabs[0]);
  return /* @__PURE__ */ e("section", { className: a.root, "data-scheme": s, "data-version": r, children: /* @__PURE__ */ c("div", { className: a.container, children: [
    /* @__PURE__ */ e(n, { title: m, label: o, className: a.header, colorScheme: s }),
    /* @__PURE__ */ c("div", { className: a.content, children: [
      /* @__PURE__ */ e("div", { className: a.tags, children: /* @__PURE__ */ e(
        h,
        {
          activeTab: i,
          tabs: t.tabs,
          colorScheme: t.colorScheme,
          activeWithArrow: r === "v2",
          onTabClick: l
        }
      ) }),
      i.image && /* @__PURE__ */ e("div", { className: a.imageWrap, children: /* @__PURE__ */ e("img", { src: i.image, alt: "Total Care", className: a.image }) })
    ] })
  ] }) });
};
export {
  f as TotalCare
};
