const preact = require('preact');

function GamePanel({ game, sendGameAbility, account }) {
    if (!game) return <div>...</div>;
    return (
        <div>
            <div>{JSON.stringify(game)}</div>
            <button
                className="button is-dark is-fullwidth"
                type="submit"
                onClick={() => sendCrypSpawn(name)}>
                Spawn 👾
            </button>
        </div>
    )
    // return (
    //     <div className="">
    //         <div>{JSON.stringify(game.a)}</div>
    //         <div>{JSON.stringify(game.b)}</div>
    //         <div>
    //             {game.log.map((l, i) => (<p key={i} >{l}</p>))}
    //         </div>
    //     </div>
    // );
}

module.exports = GamePanel;