"use client";
import { jsxs as t, jsx as r } from "react/jsx-runtime";
import { cn as l } from "../../../../utils/cn/cn.es.js";
import e from "../../../../pageComponents/Footer/components/AccordionFooterItem/accordionFooterItem.module.css";
import { Typography as n } from "../../../../components/Typography/Typography.es.js";
import { Icon as f } from "../../../../components/Icon/Icon.es.js";
import { EIconName as N } from "../../../../components/Icon/constants.es.js";
const y = ({
  title: o,
  content: m,
  isOpen: i,
  index: c,
  onClick: s,
  disableLinks: d = !1
}) => {
  const h = (a) => {
    d && a.preventDefault();
  };
  return /* @__PURE__ */ t("div", { className: e.itemRoot, children: [
    /* @__PURE__ */ t("div", { className: e.itemHeader, onClick: () => s(c), children: [
      /* @__PURE__ */ r(n, { defaultVariant: "labelMd", mobileVariant: "labelMd", emphasis: !0, weight: "regular", children: o }),
      /* @__PURE__ */ r("div", { className: e.closeButtonWrapper, children: /* @__PURE__ */ r("span", { className: l(e.arrow, { [e.arrowRotated]: i }), children: /* @__PURE__ */ r(f, { name: N.CHEVRON_DOWN }) }) })
    ] }),
    /* @__PURE__ */ r("div", { className: l(e.itemContent, { [e.itemContentOpen]: i }), children: /* @__PURE__ */ r("div", { className: e.itemContentInner, children: /* @__PURE__ */ r("ul", { className: e.linkList, children: m.map((a, p) => /* @__PURE__ */ r("li", { className: e.linkItem, children: /* @__PURE__ */ r("a", { href: a.href, className: e.link, onClick: h, children: /* @__PURE__ */ r(n, { defaultVariant: "bodyMd", children: a.title }) }) }, p)) }) }) })
  ] });
};
export {
  y as AccordionFooterItem
};
