{% load allauth %}
{% if attrs.tags and "warning" in attrs.tags %}
  <div class="flex gap-3 px-4 py-3 rounded-lg text-sm bg-yellow-50 text-yellow-800 border border-yellow-200 mb-4">
    <span>{% slot message %}{% endslot %}</span>
  </div>
{% elif attrs.tags and "danger" in attrs.tags %}
  <div class="flex gap-3 px-4 py-3 rounded-lg text-sm bg-red-50 text-red-800 border border-red-200 mb-4">
    <span>{% slot message %}{% endslot %}</span>
  </div>
{% elif attrs.tags and "success" in attrs.tags %}
  <div class="flex gap-3 px-4 py-3 rounded-lg text-sm bg-green-50 text-green-800 border border-green-200 mb-4">
    <span>{% slot message %}{% endslot %}</span>
  </div>
{% else %}
  <div class="flex gap-3 px-4 py-3 rounded-lg text-sm bg-blue-50 text-blue-800 border border-blue-200 mb-4">
    <span>{% slot message %}{% endslot %}</span>
  </div>
{% endif %}