33 lines
867 B
TypeScript
33 lines
867 B
TypeScript
import {
|
|
AccordionContent,
|
|
AccordionItem,
|
|
AccordionTrigger,
|
|
} from '@/shared/ui/accordion';
|
|
import { MenuItem } from '../lib/model';
|
|
import SubMenuLink from './SubMenuLink';
|
|
|
|
const RenderMobileMenuItem = (item: MenuItem) => {
|
|
if (item.items) {
|
|
return (
|
|
<AccordionItem key={item.title} value={item.title} className="border-b-0">
|
|
<AccordionTrigger className="text-md py-0 font-semibold hover:no-underline">
|
|
{item.title}
|
|
</AccordionTrigger>
|
|
<AccordionContent className="mt-2">
|
|
{item.items.map((subItem) => (
|
|
<SubMenuLink key={subItem.title} item={subItem} />
|
|
))}
|
|
</AccordionContent>
|
|
</AccordionItem>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<a key={item.title} href={item.url} className="text-md font-semibold">
|
|
{item.title}
|
|
</a>
|
|
);
|
|
};
|
|
|
|
export default RenderMobileMenuItem;
|