<template>
  <div class="body">
    <Navbar/>
    <div class="container d-flex justify-content-center">
      <div class="card shadow mb-4">
        <h5 class="card-header text-primary">Choisissez le mode</h5>
        <div class="card-body" style="width : 500px;">
          <router-link to="/gameCreate">
            <button type="button" class="btn btn-primary btn-block">Créer une partie</button>
          </router-link>
          <router-link to="/gameJoin">
            <button type="button" class="btn btn-primary btn-block" style="margin-top: 20px;">Rejoindre une partie</button>
          </router-link>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import Navbar from '@/components/Navbar'

  export default {
    name: 'GameChoice',
    components: {
      Navbar
    }
  }
</script>