import { jsx as e, jsxs as a } from "react/jsx-runtime";
import i from "../../modules/FAQModule/faqModule.module.css";
import { HighlightedTitle as o } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
import { Button as r } from "../../components/Button/Button.es.js";
import { FAQComponent as l } from "../../components/FAQComponent/FAQComponent.es.js";
const h = ({ title: s, questions: t }) => /* @__PURE__ */ e("section", { className: i.root, children: /* @__PURE__ */ a("div", { className: i.container, children: [
  /* @__PURE__ */ a("div", { className: i.header, children: [
    /* @__PURE__ */ e(o, { title: s, defaultVariant: "displayMd", mobileVariant: "headingXl" }),
    /* @__PURE__ */ e("div", { className: i.buttonWrapperDesktop, children: /* @__PURE__ */ e(r, { variant: "muted", size: "lg", as: "a", href: "/faqs", children: "VIEW ALL FAQ" }) }),
    /* @__PURE__ */ e("div", { className: i.buttonWrapperMobile, children: /* @__PURE__ */ e(r, { variant: "muted", size: "sm", as: "a", href: "/faqs", children: "VIEW ALL FAQ" }) })
  ] }),
  /* @__PURE__ */ e("div", { className: i.contentDesktop, children: /* @__PURE__ */ e(l, { items: t, mode: "multiple" }) }),
  /* @__PURE__ */ e("div", { className: i.contentMobile, children: /* @__PURE__ */ e(l, { items: t, mode: "multiple" }) })
] }) });
export {
  h as FAQModule
};
