import { jsxs as s, jsx as i } from "react/jsx-runtime";
import e from "../../../../modules/Benefits/components/BenefitItem/benefitItem.module.css";
import { cn as o } from "../../../../utils/cn/cn.es.js";
import { Typography as t } from "../../../../components/Typography/Typography.es.js";
const h = ({ index: l, title: r, description: n, colorScheme: m }) => {
  const a = l === 0;
  return /* @__PURE__ */ s("div", { className: e.benefit, children: [
    !a && /* @__PURE__ */ i(t, { defaultVariant: "labelXl", emphasis: !0, className: e.benefitIndex, children: `(0${l})` }),
    /* @__PURE__ */ s("div", { className: o(e.benefitDetails, { [e.soloDetails]: a }), children: [
      /* @__PURE__ */ i(
        t,
        {
          defaultVariant: a ? "displayXs" : "headingLg",
          mobileVariant: a ? "headingXl" : "headingXs",
          className: e.benefitTitle,
          children: r
        }
      ),
      /* @__PURE__ */ i(
        t,
        {
          defaultVariant: a ? "bodyLg" : "bodyMd",
          mobileVariant: "bodySm",
          className: e.benefitDesc,
          children: n
        }
      )
    ] })
  ] });
};
export {
  h as BenefitItem
};
