{"size": 652, "ext": "js", "max_stars_repo_path": "client/src/App.js", "max_stars_repo_name": "ddrscott/pry-visualizer", "max_stars_repo_stars_event_min_datetime": "2017-06-30T14:20:17.000Z", "max_stars_repo_stars_event_max_datetime": "2017-06-30T14:20:17.000Z", "max_issues_repo_path": "client/src/App.js", "max_issues_repo_name": "ddrscott/pry-visualizer", "max_issues_repo_issues_event_min_datetime": "2017-06-30T14:20:14.000Z", "max_issues_repo_issues_event_max_datetime": "2017-06-30T14:20:14.000Z", "max_forks_repo_path": "client/src/App.js", "max_forks_repo_name": "ddrscott/pry-visualizer", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 18.6285714286, "max_line_length": 51, "alphanum_fraction": 0.4754601227}
import React, { Component } from 'react';
import './App.css';
import PanelSplit from './components/PanelSplit';
import PryEvents from './services/PryEvents';

export default class extends Component {
  constructor(){
    super();
    this.state = {
      selected: undefined,
      visibleEvents: []
    };
  }

  render() {
    const { selected, visibleEvents } = this.state;
    return (
      <div className='App'>
        <PanelSplit
          a={height =>
              <div>
                TOP
              </div>
          }
          b={
            <div>
              Bottom
            </div>
          }
        />
    </div>
    )
  }
}
