{% comment %}
Resolves a Django messages tag (success / error / warning / info) to the
right .callout--* variant so templates don't hand-roll the colour map.

Usage:
  {% for message in messages %}
    {% include "components/callout.html" with tags=message.tags body=message %}
  {% endfor %}

Args:
  tags  — message.tags (str). Recognised: success, error, warning, info, debug.
  body  — the message body (rendered as-is, HTML-escaped by Django).
{% endcomment %}{% spaceless %}
<div class="callout {% if 'success' in tags %}callout--success{% elif 'error' in tags %}callout--error{% elif 'warning' in tags or 'warn' in tags %}callout--warn{% else %}callout--info{% endif %}">
  <div class="callout__body">{{ body }}</div>
</div>
{% endspaceless %}