{"size": 903, "ext": "js", "max_stars_repo_path": "src/pages/hardware.js", "max_stars_repo_name": "HackDavis/live-hackdavis", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/hardware.js", "max_issues_repo_name": "HackDavis/live-hackdavis", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/hardware.js", "max_forks_repo_name": "HackDavis/live-hackdavis", "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": 26.5588235294, "max_line_length": 77, "alphanum_fraction": 0.5880398671}
import React from 'react';
import './tech.css';

const Hardware = ({ data }) => {
  const { markdownRemark } = data; // data.markdownRemark holds our post data
  const { frontmatter, html } = markdownRemark;
  return (
    <div>
      <div className="hero">
        <h1>Checkout Hardware from MLH Labs</h1>
        <a href="https://hardware.mlh.io/events/hackdavis-s2018">
          <button className="round-button white-button">Register</button>
        </a>
      </div>
      <div className="tech-content">
        <div className="container" style={{ paddingTop: '5rem' }}>
          <div dangerouslySetInnerHTML={{ __html: html }} />
        </div>
      </div>
    </div>
  );
};
export default Hardware;
export const pageQuery = graphql`
  query Hardware {
    markdownRemark(frontmatter: { title: { eq: "Hardware from MLH" } }) {
      html
      frontmatter {
        title
      }
    }
  }
`;
