Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | 105x | import React from "react";
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components";
interface LeftNavigationProps {
topics: string[];
}
const LeftNavigation = ({ topics }: LeftNavigationProps) => {
return (
<div className="w-full pr-4">
<h2 className="text-2xl font-bold mb-6 font-serif">Topics</h2>
<Accordion type="multiple" data-testid="support-left-nav">
{topics.map((item) => (
<AccordionItem value={item} key={item} className="border-none">
<AccordionTrigger className="text-gray-700 hover:text-gray-900 py-2">
<div className="font-semibold">{item}</div>
</AccordionTrigger>
<AccordionContent></AccordionContent>
</AccordionItem>
))}
</Accordion>
</div>
);
};
export default LeftNavigation;
|