{% set colors = {
    "warn":   "bg-yellow-50 border-yellow-300 text-yellow-800",
    "danger": "bg-red-50 border-red-300 text-red-800",
    "success":"bg-green-50 border-green-300 text-green-800"
} %}

{% set icon = {
    "Warn":   "⚠️",
    "Danger": "❌",
    "Success":"✅"
} %}

<div class="rounded-md border p-4 flex items-center space-x-2 {{ colors.get(type, colors['warn']) }}">
  <span class="text-xl">{{ icon.get(type, icon['warn']) }}</span>
  <span class="font-medium">{{ message }}</span>
</div>

{# Usage:
{% include "_status_banner.j2" with context %}
{# Pass your own vars if needed #}
{% include "_status_banner.j2" with type="danger" message="An error occurred!" %}
#}