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 29 30 31 32 | 77x | import React from "react"; import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components"; import ContactHelpDesk from "./contactHelpDesk"; 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"> {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> <ContactHelpDesk /> </div> ); }; export default LeftNavigation; |