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

import { Component } from 'react';
import HighScoreEntry from './HighScoreEntry';

export default class HighScores extends Component {
    render() {
        const vals = [
            { initials: "ABA", score: "219283", rank: "1" },
            { initials: "ABA", score: "107112", rank: "2" },
            { initials: "ABA", score: "81091", rank: "3" },
            { initials: "ABA", score: "67747", rank: "4" },
            { initials: "ABA", score: "9283", rank: "5" },
            { initials: "ABA", score: "928", rank: "6" }
        ];

        var entries = [];
        vals.map(function(v, i) {
            entries.push(<HighScoreEntry initials={v.initials} score={v.score} rank={v.rank} key={i} />);
        });

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