{"size": 491, "ext": "js", "max_stars_repo_path": "src/components/Facts/FactSmall.js", "max_stars_repo_name": "jmahc/jmahc.github.io", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/Facts/FactSmall.js", "max_issues_repo_name": "jmahc/jmahc.github.io", "max_issues_repo_issues_event_min_datetime": "2020-07-14T17:09:01.000Z", "max_issues_repo_issues_event_max_datetime": "2021-12-09T01:44:57.000Z", "max_forks_repo_path": "src/components/Facts/FactSmall.js", "max_forks_repo_name": "jmahc/jmahc.github.io", "max_forks_repo_forks_event_min_datetime": "2016-02-17T22:37:09.000Z", "max_forks_repo_forks_event_max_datetime": "2017-04-04T03:45:58.000Z"}
{"max_stars_count": null, "max_issues_count": 15, "max_forks_count": 3, "avg_line_length": 28.8823529412, "max_line_length": 86, "alphanum_fraction": 0.6313645621}
/**
 *
 * @param {Object} props - The component props.
 * @param {type} props.info - The fact information (larger text).
 * @param {type} props.title - The fact title/identifier (smaller text).
 */
export function FactSmall({ info, title }) {
  return (
    <div className="mr-4 p-3 text-center">
      <span className="text-xl font-bold block uppercase tracking-wide text-gray-700">
        {info}
      </span>
      <span className="text-sm text-gray-500">{title}</span>
    </div>
  )
}
