"use client";
import { j as o } from "../../../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import { useState as x } from "react";
import n from "../../../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import { ReactComponent as f } from "../../../../assets/images/PlusCircle.svg.mjs";
import { ReactComponent as j } from "../../../../assets/images/MinusCircle.svg.mjs";
import i from "./index.module.scss.mjs";
function l({
  question: e,
  answer: p,
  classNames: t
}) {
  const [r, d] = x(!1);
  return /* @__PURE__ */ o.jsxs("div", { className: n(i.item, t == null ? void 0 : t.root), children: [
    /* @__PURE__ */ o.jsxs(
      "div",
      {
        className: n(i.questionContainer, t == null ? void 0 : t.container),
        onClick: () => d((u) => !u),
        children: [
          /* @__PURE__ */ o.jsx("p", { className: n(i.question, t == null ? void 0 : t.title), children: e }),
          /* @__PURE__ */ o.jsx("span", { className: i.toggleIcon, children: r ? /* @__PURE__ */ o.jsx(j, {}) : /* @__PURE__ */ o.jsx(f, {}) })
        ]
      }
    ),
    r && /* @__PURE__ */ o.jsx("p", { className: n(i.answer, t == null ? void 0 : t.description), children: p })
  ] });
}
export {
  l as default
};
//# sourceMappingURL=index.mjs.map
