{"size": 477, "ext": "js", "max_stars_repo_path": "src/components/admin/Participant.js", "max_stars_repo_name": "taoong/mia-empathy", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/admin/Participant.js", "max_issues_repo_name": "taoong/mia-empathy", "max_issues_repo_issues_event_min_datetime": "2019-08-30T19:49:25.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T17:34:08.000Z", "max_forks_repo_path": "src/components/admin/Participant.js", "max_forks_repo_name": "taoong/mia-empathy", "max_forks_repo_forks_event_min_datetime": "2019-08-30T19:38:46.000Z", "max_forks_repo_forks_event_max_datetime": "2019-08-30T19:38:46.000Z"}
{"max_stars_count": null, "max_issues_count": 14, "max_forks_count": 1, "avg_line_length": 22.7142857143, "max_line_length": 75, "alphanum_fraction": 0.7044025157}
import React from "react";
import PropTypes from "prop-types";

/**
 * A horizontal block showing participant data.
 * @param {Object} props - Props passed down from the NewSession component.
 */
function Participant(props) {
  return <div>{"[" + props.id + "]  " + props.name}</div>;
}

/**
 * Props passed down from the NewSession component.
 */
Participant.propTypes = {
  id: PropTypes.string.isRequired,
  name: PropTypes.string.isRequired
};

export default Participant;
