{% if messages %}
  <section class="mb-4 space-y-2" aria-live="polite">
    {% for message in messages %}
      {% if message.tags == "success" %}
        <div role="status" class="rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm text-emerald-800">{{ message }}</div>
      {% elif message.tags == "error" %}
        <div role="alert" class="rounded-md border border-rose-200 bg-rose-50 px-3 py-2 text-sm text-rose-800">{{ message }}</div>
      {% else %}
        <div role="status" class="rounded-md border border-slate-200 bg-white px-3 py-2 text-sm text-slate-700">{{ message }}</div>
      {% endif %}
    {% endfor %}
  </section>
{% endif %}