{"size": 1546, "ext": "js", "max_stars_repo_path": "src/components/Projects/Card.js", "max_stars_repo_name": "donycisneros/portfolio", "max_stars_repo_stars_event_min_datetime": "2019-06-27T20:43:28.000Z", "max_stars_repo_stars_event_max_datetime": "2021-03-03T14:41:46.000Z", "max_issues_repo_path": "src/components/Projects/Card.js", "max_issues_repo_name": "donycisneros/portfolio", "max_issues_repo_issues_event_min_datetime": "2020-09-05T02:25:06.000Z", "max_issues_repo_issues_event_max_datetime": "2021-03-09T12:08:34.000Z", "max_forks_repo_path": "src/components/Projects/Card.js", "max_forks_repo_name": "donycisneros/portfolio", "max_forks_repo_forks_event_min_datetime": "2020-01-12T09:08:20.000Z", "max_forks_repo_forks_event_max_datetime": "2020-01-15T21:47:20.000Z"}
{"max_stars_count": 5, "max_issues_count": 9, "max_forks_count": 4, "avg_line_length": 26.2033898305, "max_line_length": 69, "alphanum_fraction": 0.4715394567}
import React from 'react';

import ExternalLink from '../Icons/ExternalLink';
import SourceCode from '../Icons/SourceCode';

const Card = ({ title, description, img, demoURL, githubURL }) => {
  return (
    <article className="card">
      <div className="card-photo">
        <div className="card-photo-background">
          <a
            href={demoURL}
            target="_blank"
            rel="noopener noreferrer"
            className="card-img-container"
          >
            <img
              src={img.small}
              alt="Invitations"
              className="card-img"
              width="322px"
              height="192px"
              // srcSet={(`${img.small} 100w`, `${img.normal} 400w`)}
            />
          </a>
        </div>
      </div>
      <div className="card-description">
        <h3 className="card-title">{title}</h3>
        <p className="card-content">{description}</p>
        <div className="card-links">
          <a
            href={githubURL}
            className="card-link"
            target="_blank"
            id="source-code-link"
            rel="noopener noreferrer"
          >
            <span>GitHub</span>
            <SourceCode />
          </a>
          <a
            href={demoURL}
            className="card-link"
            target="_blank"
            id="demo-link"
            rel="noopener noreferrer"
          >
            <span>Demo</span>
            <ExternalLink />
          </a>
        </div>
      </div>
    </article>
  );
};

export default Card;
