{% macro message(text, reversed=true, classes="", avatar) %}
{% set flex = "row" %}
{% if reversed %}
    {% set flex = "row-reverse" %}
{% endif %}
<div class="message {{ flex }} align-center">
    <div class="avatar">
        <img src="{{ avatar }}" />
    </div>
    <div class="bubble tail {{ classes }} content">
        <p>{{ text }}</p>
    </div>
</div>
{% endmacro message %}