{"size": 552, "ext": "js", "max_stars_repo_path": "src/components/Menu/index.js", "max_stars_repo_name": "italo-lima/blog-gatsby", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Menu/index.js", "max_issues_repo_name": "italo-lima/blog-gatsby", "max_issues_repo_issues_event_min_datetime": "2021-06-28T20:32:59.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T10:55:10.000Z", "max_forks_repo_path": "src/components/Menu/index.js", "max_forks_repo_name": "italo-lima/blog-gatsby", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 6, "max_forks_count": null, "avg_line_length": 27.6, "max_line_length": 79, "alphanum_fraction": 0.5398550725}
import React from "react"
import {menuLinks} from "./content"

import {MenuLinksItem,MenuLinksList,MenuLinksLink, MenuWrapper} from "./styles"

const Menu = () => (
    <MenuWrapper>
        <MenuLinksList>
            {menuLinks.map((link,i) => (
                <MenuLinksItem key={i}>
                    <MenuLinksLink to={link.url} activeClassName='active'>
                        {link.label}
                    </MenuLinksLink>
                </MenuLinksItem>
            ))}
        </MenuLinksList>
    </MenuWrapper>
)

export default Menu