<script>
    // import { navigate } from 'svelte-routing';

    // function handleMatchmakingClick() {
    //   navigate('/matchmaking');
    // }
  
    // function handlePlayWithFriendClick() {
    //   navigate('/play-with-friend');
    // }
</script>
<!-- dr -->
<main>
    <h1>Choose a gamemode</h1>
    <!-- <button on:click={handleMatchmakingClick}>Matchmaking</button>
    <button on:click={handlePlayWithFriendClick}>Play with a friend</button> -->
    <button>Matchmaking</button>
    <button>Play with a friend</button>
</main>

<style>
    main {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    h1 {
        margin-bottom: 2rem;
    }
    
    button {
        font-size: 1.5rem;
        padding: 1rem 2rem;
        margin-bottom: 1rem;
    }
</style>