{"size": 507, "ext": "js", "max_stars_repo_path": "client/src/components/MatchOfferListItem.js", "max_stars_repo_name": "SashaPatsel/seat-swap", "max_stars_repo_stars_event_min_datetime": "2018-03-13T06:25:26.000Z", "max_stars_repo_stars_event_max_datetime": "2018-03-13T06:25:26.000Z", "max_issues_repo_path": "client/src/components/MatchOfferListItem.js", "max_issues_repo_name": "SashaPatsel/seat-swap", "max_issues_repo_issues_event_min_datetime": "2018-03-27T06:45:23.000Z", "max_issues_repo_issues_event_max_datetime": "2018-03-27T06:45:23.000Z", "max_forks_repo_path": "client/src/components/MatchOfferListItem.js", "max_forks_repo_name": "SashaPatsel/seat-swap", "max_forks_repo_forks_event_min_datetime": "2018-03-13T23:08:33.000Z", "max_forks_repo_forks_event_max_datetime": "2018-05-16T21:10:17.000Z"}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": 2, "avg_line_length": 20.28, "max_line_length": 35, "alphanum_fraction": 0.4911242604}
import React from "react";

const OfferListItem = props => (
  <li className="offer-select" >
    {props.children}
    <table>
      <tr>
        <th>Event</th>
        <th>Date</th>
        <th>Section</th>
        <th>Row</th>
        <th>Number</th>
      </tr>
      <tr>
        <td>{props.eventTitle}</td>
        <td>{props.date}</td>
        <td>{props.seatSec}</td>
        <td>{props.seatRow}</td>
        <td>{props.seatNum}</td>
      </tr>
    </table>
  </li>
);

export default OfferListItem;