{"size": 357, "ext": "js", "max_stars_repo_path": "src/components/Resume/SkillProgressBar/SkillProgressBar.js", "max_stars_repo_name": "nihonjinrxs/nihonjinrxs.github.io", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Resume/SkillProgressBar/SkillProgressBar.js", "max_issues_repo_name": "nihonjinrxs/nihonjinrxs.github.io", "max_issues_repo_issues_event_min_datetime": "2020-11-01T22:07:28.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-07T04:34:27.000Z", "max_forks_repo_path": "src/components/Resume/SkillProgressBar/SkillProgressBar.js", "max_forks_repo_name": "nihonjinrxs/nihonjinrxs.github.io", "max_forks_repo_forks_event_min_datetime": "2015-08-06T01:36:25.000Z", "max_forks_repo_forks_event_max_datetime": "2020-10-31T21:28:26.000Z"}
{"max_stars_count": null, "max_issues_count": 9, "max_forks_count": 4, "avg_line_length": 19.8333333333, "max_line_length": 54, "alphanum_fraction": 0.5966386555}
import React from 'react';

import './SkillProgressBar.css'

export default function SkillProgressBar ({ level }) {
  return (
    <div
      className="skill-level js-tooltip"
      title={level}
      data-placement="left"
    >
      <div className={`skill-progress ${level}`}>
        <small>{level.toUpperCase()}</small>
      </div>
    </div>
  );
}
