26 lines
727 B
TypeScript
26 lines
727 B
TypeScript
import React from 'react';
|
|
import { Link } from 'react-router-dom';
|
|
import mainMenus from '../assets/main-menu.json';
|
|
import { MultiLang } from '../../config.js';
|
|
import Functions from '../../functions';
|
|
import styles from './MainMenu.module.css';
|
|
|
|
interface Props {
|
|
lang: MultiLang;
|
|
}
|
|
|
|
const MainMenu = (props: Props) => {
|
|
const links = mainMenus.map((item, idx) => {
|
|
const title = Functions.mlang(item.title, props.lang);
|
|
const style = idx === 0 ? styles.menuTop : styles.menuMain;
|
|
return <li key={idx}><Link className={style} to={item.link}>{title}</Link></li>
|
|
});
|
|
return (
|
|
<ul className={styles.mainmenu}>
|
|
{links}
|
|
</ul>
|
|
);
|
|
}
|
|
|
|
export default MainMenu;
|