import React, { useState } from 'react'
import Player from './Player'

const initialState = [
    { id: 1, name: 'Violeta' },
    { id: 2, name: 'Danny' },
    { id: 3, name: 'Irene' },
]

export default function Scoreboard(){
    const [players, setPlayers] = useState(initialState)
    
    // console.log('WHAT IS PLAYERS?', players)
    
    return <div>
        <h4>Scoreboard</h4>
        { players.map((player) => {
            // console.log('WHAT IS 1 PLAYER', player)
            return <Player key={player.id} name={player.name}/>
        })}
    </div>
}