{% extends 'base.html.twig' %}

{% block title %}Who's | Game Selector{% endblock %}

{% block body %}
    <div class="text-center items-center flex grow flex-col">
        <div class="justify-items-center" {{ react_component('Title', { 'title': 'Sélectionnez un mode de jeu' }) }}></div>
        <div id="selector" class="center text-center content-center flex grow items-center w-full">
            <div {{ react_component('GameSelectionPage')}} class="flex"></div>
        </div>
        <div class="bg-[#1f2223] flex w-full py-5 text-2xl justify-center">
            <a href="/game/player">Vers la page "Joueurs"</a>
        </div>
    </div>
{% endblock %}