{"size": 970, "ext": "js", "max_stars_repo_path": "dashboard-react/piotr-rygiel/67-react-wireframe-1/src/components/monthTable/index.js", "max_stars_repo_name": "olegtaranenko/gw-proxy-serverless", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "dashboard-react/piotr-rygiel/67-react-wireframe-1/src/components/monthTable/index.js", "max_issues_repo_name": "olegtaranenko/gw-proxy-serverless", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "dashboard-react/piotr-rygiel/67-react-wireframe-1/src/components/monthTable/index.js", "max_forks_repo_name": "olegtaranenko/gw-proxy-serverless", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 26.9444444444, "max_line_length": 57, "alphanum_fraction": 0.5670103093}
import React from 'react';
import { Table } from 'semantic-ui-react';

const MonthTable = () => (
  <React.Fragment>
    <h5>This Month</h5>
    <Table celled>
      <Table.Header>
        <Table.Row>
          <Table.HeaderCell></Table.HeaderCell>
          <Table.HeaderCell>£,000s</Table.HeaderCell>
          <Table.HeaderCell>vs Budget</Table.HeaderCell>
          <Table.HeaderCell>vs Pear Yr</Table.HeaderCell>
        </Table.Row>
      </Table.Header>

      <Table.Body>
        <Table.Row>
          <Table.Cell>Revenue</Table.Cell>
          <Table.Cell>2300</Table.Cell>
          <Table.Cell>1200</Table.Cell>
          <Table.Cell>1400</Table.Cell>
        </Table.Row>
        <Table.Row>
          <Table.Cell>Sales</Table.Cell>
          <Table.Cell>1500</Table.Cell>
          <Table.Cell>600</Table.Cell>
          <Table.Cell>1100</Table.Cell>
        </Table.Row>
      </Table.Body>
    </Table>
  </React.Fragment>
);

export default MonthTable;
