import React from "react";

function ScoreBoard({teamsize}) {
    return(
        <div className={"ScoreBoard"}>
            <div>
                <p>Spieler pro Team: {teamsize ? teamsize : ""}</p>
            </div>
            <table>
                <thead>
                <tr>
                    <th>Team</th>
                    <th>Points</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>Red</td>
                    <td id="red-points">0</td>
                </tr>
                <tr>
                    <td>Yellow</td>
                    <td id="yellow-points">0</td>
                </tr>
                <tr>
                    <td>Blue</td>
                    <td id="blue-points">0</td>
                </tr>

                </tbody>
            </table>
        </div>)
}

export default ScoreBoard