import React from 'react';
import { NavLink } from 'react-router-dom';
import { Menu } from 'semantic-ui-react';

import { mainMenuItems } from "../../constants/menuItems";

const MainMenu = () =>
    (<Menu>
        {
            mainMenuItems.map(mainMenuItem =>
                <Menu.Item as={NavLink} to={mainMenuItem.url} exact>{mainMenuItem.title}</Menu.Item>)
        }
    </Menu>);

export default MainMenu;