{"size": 1368, "ext": "js", "max_stars_repo_path": "petshop/components/navigation/navigation.js", "max_stars_repo_name": "danaelisanicolas/petshop", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "petshop/components/navigation/navigation.js", "max_issues_repo_name": "danaelisanicolas/petshop", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "petshop/components/navigation/navigation.js", "max_forks_repo_name": "danaelisanicolas/petshop", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 28.5, "max_line_length": 67, "alphanum_fraction": 0.456871345}
import Image from 'next/image'
import styles from '../../styles/components/navigation.module.scss'

export const Navigation = () => {
  return (
    <nav className="container navbar navbar-expand my-3">
      <ul className="navbar-nav mx-auto">
        <li className={"nav-item pt-4 mx-2 " + styles.nav}>
          <a className="nav-link" href="#">
            Home
          </a>
        </li>
        <li className={"nav-item pt-4 mx-2 " + styles.nav}>
          <a className="nav-link" href="#">
            About
          </a>
        </li>
        <li className={"nav-item pt-4 mx-2 " + styles.nav}>
          <a className="nav-link"href="#">
            Services
          </a>
        </li>
        <a href="#" className="navbar-brand mx-3">
          <Image
            src="/assets/images/logo/logo.png"
            width={60}
            height={60}
          />
        </a>
        <li className={"nav-item pt-4 mx-2 " + styles.nav}>
          <a className="nav-link" href="#">
            Shop
          </a>
        </li>
        <li className={"nav-item pt-4 mx-2 " + styles.nav}>
          <a className="nav-link" href="#">
            Blog
          </a>
        </li>
        <li className={"nav-item pt-4 mx-2 " + styles.nav}>
          <a className="nav-link" href="#">
            Contact
          </a>
        </li>
      </ul>
    </nav>
  )
}