<div class="reactions-container is-flex-wrap-wrap">

    {% for emoji, jids in reactions.items() %}
        {% set own_reaction = own_jid in jids %}
        <div
                class="reaction is-inline-flex is-align-items-center {{ 'own-reaction' if own_reaction }}"
                data-jids='{{jids|tojson}}'
                >
            <span class="emoji has-text-weight-semibold">{{ emoji }}</span>
            <span class="counter">{{ jids|length }}</span>
        </div>
    {% endfor %}
</div>