front_gestalt/components/nav-section.tsx
2025-01-09 00:40:28 +03:00

22 lines
1.0 KiB
TypeScript

import React from 'react';
import InfoItem from "@/components/info-item";
import SectionItem from "@/components/section-item";
const NavSection: React.FC= () => {
const navigations : string[] = ["конференции", "акредитации", "открытые сертификации", "открытые сертификации", "общие сборы", "протоколы сборов", "новости сайта", "календарь событий", "сайт мги", "вопросы и ответы"]
return (
<div className="flex gap-[53px] items-end m-auto">
<div className="flex max-w-[645px] flex-wrap gap-x-[15px] gap-y-[12px]">
{navigations.map((nav, index) => {
return <InfoItem name={nav} key={index} variable="lg" />
})}
</div>
<div className="flex gap-[19px]">
<SectionItem name="Книги" />
<SectionItem name="лекции" />
</div>
</div>
);
}
export default NavSection