<script>
    import CopyArea from "components/CopyArea.svelte";

    export let name, link, gameid, playername;
</script>

<div class="game-item">
    <div class="game-item__title">
        <p class="game-item__caption"><a href={link}>{name}</a></p>
    </div>
    <div class="game-item__content">
        <p><CopyArea value={playername} /><span class="game-item__icon material-icons">person</span></p>
        <p><CopyArea value={gameid} /><span class="game-item__icon material-icons">code</span></p>
    </div>
</div>
