"use client";
import { jsxs as a, jsx as r } from "react/jsx-runtime";
import { cn as s } from "../../../../../../utils/cn/cn.es.js";
import e from "../../../../../../modules/HighestStandards/components/TabsMenu/components/TabsMenutem/tabsMenuItem.module.css";
import { Icon as i } from "../../../../../../components/Icon/Icon.es.js";
import { EIconName as o } from "../../../../../../components/Icon/constants.es.js";
import { Typography as t } from "../../../../../../components/Typography/Typography.es.js";
const v = ({ title: m, content: l, isOpen: n, index: c, onClick: d }) => /* @__PURE__ */ a("div", { onClick: () => d(c != null ? c : 0), className: e.root, children: [
  /* @__PURE__ */ a("div", { className: e.header, children: [
    /* @__PURE__ */ a("div", { className: e.titleWithPrefixIconWrapper, children: [
      /* @__PURE__ */ r(i, { name: o.CIRCLE_CHECK_FILL, className: e.prefixIcon }),
      /* @__PURE__ */ r(t, { defaultVariant: "headingSm", mobileVariant: "headingXxs", children: m })
    ] }),
    /* @__PURE__ */ a("div", { className: e.closeButtonWrapper, children: [
      /* @__PURE__ */ r(i, { name: o.BRACKET_LEFT }),
      /* @__PURE__ */ r(
        "div",
        {
          className: s(e.closeButton, {
            [e.closeButtonActive]: n
          }),
          children: /* @__PURE__ */ r(i, { name: o.PLUS })
        }
      ),
      /* @__PURE__ */ r(i, { name: o.BRACKET_RIGHT })
    ] })
  ] }),
  /* @__PURE__ */ r("div", { className: s(e.description, { [e.descriptionShow]: n }), children: /* @__PURE__ */ r("div", { className: e.descriptionInner, children: /* @__PURE__ */ r(t, { as: "p", defaultVariant: "bodySm", mobileVariant: "bodyXs", children: l }) }) })
] });
export {
  v as TabsMenuItem
};
