```
import React, { Component } from 'react';
import { MenuItems } from './MenuItems';

class Navbar extends Component {
    render() {
        return (
            <nav class-name="NavbarItems">
                <h1 class-name="navbar-logo">React<i className="fab fa-react"></i></h1>
                <div class-name="menu-icon">

                </div>
                <ul>
                    {MenuItems.map((item, index) => {
                        return( <li key={index}>
                            <a class-name={item.cName} href={item.url}>
                                {item.title}
                            </a>
                        </li>)}}
                </ul>

            </nav>
        )
    }

}

export default Navbar

```