{"size": 723, "ext": "js", "max_stars_repo_path": "src/components/navigations/MenuBar.js", "max_stars_repo_name": "MingSheng92/react-website", "max_stars_repo_stars_event_min_datetime": "2021-07-09T02:46:22.000Z", "max_stars_repo_stars_event_max_datetime": "2022-01-18T03:51:41.000Z", "max_issues_repo_path": "src/components/navigations/MenuBar.js", "max_issues_repo_name": "MingSheng92/react-website", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/navigations/MenuBar.js", "max_forks_repo_name": "MingSheng92/react-website", "max_forks_repo_forks_event_min_datetime": "2021-09-05T11:33:32.000Z", "max_forks_repo_forks_event_max_datetime": "2022-03-22T14:31:26.000Z"}
{"max_stars_count": 4, "max_issues_count": null, "max_forks_count": 6, "avg_line_length": 31.4347826087, "max_line_length": 105, "alphanum_fraction": 0.4661134163}
import React from 'react'

import './MenuBar.css'

const MenuBar = () => {
    return (
        <nav className="header">
            <div className="nav-wrapper">
                <a className="logo" href='/'>Your Logo</a>
                <input className="menu-btn" type="checkbox" id="menu-btn"/>
                <label className="menu-icon" htmlFor="menu-btn"><span className="navicon"></span></label>

                <ul className="menu">
                    <li><a href="/">Home</a></li>
                    <li><a href="/AboutUs">About Us</a></li>
                    <li><a href="/ContactUs">Contact Us</a></li>                
                </ul>
            </div>
        </nav>
    )
}

export default MenuBar;