content: import React, { Component } from 'react';
  import { Link } from 'react-router';
  import EloDistribution from './elo-distribution';
  import TournamentHistoryContainer from '../containers/tournament-history-container';
  
  class Statistics extends Component {
      render() {
          return (
              <div className="rating-stats">
                  Most matches played:&nbsp;
                  <Link to={`/player/${this.props.mostMatches.id}`}>{this.props.mostMatches.nick}</Link>
                  ({this.props.mostMatches.matchCount} matches)<br/>
  
                  Most successful:&nbsp;
                  <Link to={`/player/${this.props.highestWinPct.id}`}>{this.props.highestWinPct.nick} </Link>
                  with {this.props.highestWinPct.winPct}% wins (over {this.props.highestWinPct.matchCount} matches)<br/>
  
              Min Elo: {this.props.min}<br/>
                  Max Elo: {this.props.max}<br/>
                  Median Elo: {this.props.med}<br/>
                  <div style={{backgroundColor: "white"}}>
                      <EloDistribution distribution={this.props.distribution} />;
                  </div>
                  <TournamentHistoryContainer />   
              </div>);
      }
  }
  
  export default Statistics;
  