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

{% block title %}Who's | Accueil{% endblock %}

{% block body %}
    {% if app.user %}
    <div class="flex grow bg-white" style="padding:0px !important;">
        <div id="selector" class="center text-center content-center flex grow items-center">
            <div {{ react_component('SelectorContainer', {'isConnected': true}) }}></div>
        </div>
    </div>
    {% else %}
    <div class="flex grow bg-white" style="padding:0px !important;">
        <div id="selector" class="center text-center content-center flex grow items-center">
            <div {{ react_component('SelectorContainer', {'isConnected': false}) }}></div>
        </div>
    </div>
    {% endif %}
{% endblock %}