{"size": 704, "ext": "js", "max_stars_repo_path": "src/components/navbar.js", "max_stars_repo_name": "masenmatthews/PDXFLIT-Site", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/navbar.js", "max_issues_repo_name": "masenmatthews/PDXFLIT-Site", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/navbar.js", "max_forks_repo_name": "masenmatthews/PDXFLIT-Site", "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": 30.6086956522, "max_line_length": 68, "alphanum_fraction": 0.6420454545}
import { Link } from 'gatsby';
import React from 'react';
import styles from './navbar.module.scss';
import logo from '../images/logo.png';

const Navbar = () => (
  <div className={styles.links}>
    <Link to="/">
      <img src={logo} alt="PDXFlit Logo" className={styles.logo} />
    </Link>
    <button className={styles.buttonLinks}>
      <Link to="/about/" className={styles.about}>About</Link>
    </button>
    <button className={styles.buttonLinks}>
      <Link to="/survey/" className={styles.new}>New Members</Link>
    </button>
    <button className={styles.buttonLinks}>
      <Link to="/contact/" className={styles.contact}>Contact</Link>
    </button>
  </div>
);
export default Navbar;
