{% set flash_styles = {
    success: 'border-emerald-200 bg-emerald-50 text-emerald-800',
    warning: 'border-amber-200 bg-amber-50 text-amber-800',
    error: 'border-red-200 bg-red-50 text-red-800',
    info: 'border-brand-200 bg-brand-50 text-brand-800',
} %}
{% for type, messages in app.flashes %}
    {% for message in messages %}
        <div class="mb-4 rounded-lg border px-4 py-3 text-sm {{ flash_styles[type] ?? flash_styles.info }}" role="alert">
            {{ message }}
        </div>
    {% endfor %}
{% endfor %}