{"size": 400, "ext": "js", "max_stars_repo_path": "resume/src/components/Skills.js", "max_stars_repo_name": "jngong/2020-03-28-HackTheResume", "max_stars_repo_stars_event_min_datetime": "2020-04-21T19:04:34.000Z", "max_stars_repo_stars_event_max_datetime": "2020-04-21T19:04:34.000Z", "max_issues_repo_path": "resume/src/components/Skills.js", "max_issues_repo_name": "jngong/2020-03-28-HackTheResume", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "resume/src/components/Skills.js", "max_forks_repo_name": "jngong/2020-03-28-HackTheResume", "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": 21.0526315789, "max_line_length": 55, "alphanum_fraction": 0.515}
import React from "react";

const Skills = ({skills}) => {
  return (
    <div className="skills sidebar-section">
      <h2>Skills</h2>
      {skills.map((skill) => (
        <p className="skill-category" key={skill.name}>
          <span className="bold">{skill.name}: </span>
          <br />
          {skill.keywords.join(", ")}
        </p>
      ))}
    </div>
  );
};

export default Skills;
