{"size": 532, "ext": "js", "max_stars_repo_path": "src/components/work/project.js", "max_stars_repo_name": "f3l1p3v4/portfolio-2020", "max_stars_repo_stars_event_min_datetime": "2020-04-01T21:43:38.000Z", "max_stars_repo_stars_event_max_datetime": "2020-04-01T21:43:38.000Z", "max_issues_repo_path": "src/components/work/project.js", "max_issues_repo_name": "f3l1p3v4/portfolio-2020", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/work/project.js", "max_forks_repo_name": "f3l1p3v4/portfolio-2020", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 24.1818181818, "max_line_length": 60, "alphanum_fraction": 0.5939849624}
import React from "react";
import Img from "gatsby-image";
import { Link } from "gatsby";

const Project = ({ project }) => (
  <Link to={`${project.page}`}>
    <div className="project" key={project}>
      <div className="project-image">
        <Img fluid={project.image.childImageSharp.fluid} />
      </div>
      <div className="project-info">
        <div className="project-info-wrap">
          <h2 className="project-title">{project.title}</h2>
        </div>
      </div>
    </div>
  </Link>
)

export default Project;

