import { jsxs, jsx } from "react/jsx-runtime";
import { A as Accordion, a as AccordionItem, b as AccordionTrigger, c as AccordionContent } from "./accordion-cIAfVfPq.js";
import { usePage } from "@inertiajs/react";
import { Renderer } from "richtor";
/* empty css                 */
import "react";
import "@radix-ui/react-accordion";
import "lucide-react";
import "./utils-DLCPGU0v.js";
import "clsx";
import "tailwind-merge";
const Overview = () => {
  var _a;
  const { exam } = usePage().props;
  return /* @__PURE__ */ jsxs("div", { className: "space-y-10", children: [
    /* @__PURE__ */ jsx(Renderer, { value: exam.description }),
    /* @__PURE__ */ jsxs(Accordion, { type: "single", collapsible: true, children: [
      /* @__PURE__ */ jsx("h6", { className: "mb-4 text-xl font-semibold", children: "Faqs" }),
      /* @__PURE__ */ jsx("div", { className: "border-border border-y", children: (_a = exam.faqs) == null ? void 0 : _a.map((faq) => /* @__PURE__ */ jsxs(AccordionItem, { value: faq.id, className: "px-4 last:border-none", children: [
        /* @__PURE__ */ jsx(AccordionTrigger, { className: "cursor-pointer text-lg hover:no-underline [&[data-state=open]]:text-blue-500", children: faq.question }),
        /* @__PURE__ */ jsx(AccordionContent, { className: "pt-2", children: faq.answer })
      ] }, faq.id)) })
    ] })
  ] });
};
export {
  Overview as default
};