33 lines
1.2 KiB
TypeScript
33 lines
1.2 KiB
TypeScript
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion';
|
|
import { ExamPreviewProps } from '@/types/page';
|
|
import { usePage } from '@inertiajs/react';
|
|
import { Renderer } from 'richtor';
|
|
import 'richtor/styles';
|
|
|
|
const Overview = () => {
|
|
const { exam } = usePage<ExamPreviewProps>().props;
|
|
|
|
return (
|
|
<div className="space-y-10">
|
|
<Renderer value={exam.description as string} />
|
|
|
|
<Accordion type="single" collapsible>
|
|
<h6 className="mb-4 text-xl font-semibold">Faqs</h6>
|
|
|
|
<div className="border-border border-y">
|
|
{exam.faqs?.map((faq) => (
|
|
<AccordionItem key={faq.id} value={faq.id as string} className="px-4 last:border-none">
|
|
<AccordionTrigger className="cursor-pointer text-lg hover:no-underline [&[data-state=open]]:text-blue-500">
|
|
{faq.question}
|
|
</AccordionTrigger>
|
|
<AccordionContent className="pt-2">{faq.answer}</AccordionContent>
|
|
</AccordionItem>
|
|
))}
|
|
</div>
|
|
</Accordion>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Overview;
|