require('../../sass/welcome/highscores.scss');

var React = require('react');

var Entry = React.createClass({
    render() {
        return (
            <div className='entry'>
                <div className='rank'>{this.props.rank}</div>
                <div className='initials'>{this.props.initials}</div>
                <div className='score'>{this.props.score}</div>
            </div>
        );
    }
});


module.exports = React.createClass({
    render() {
        var entries = [];
        entries.push(<Entry initials="ABA" score="219283" rank="1" key="0" />);
        entries.push(<Entry initials="ABA" score="107112" rank="2" key="1" />);
        entries.push(<Entry initials="ABA" score="81091" rank="3" key="2" />);
        entries.push(<Entry initials="ABA" score="67747" rank="4" key="3" />);
        entries.push(<Entry initials="ABA" score="9283" rank="5" key="4" />);
        entries.push(<Entry initials="ABA" score="928" rank="6" key="5" />);

        return (
            <div className='highscores'>{entries}</div>
        );
    }
});