{%- set _t = type|default('info') -%}
{%- set _map = {'success': 'bg-green-50 border-green-200 text-green-800',
                'error':   'bg-red-50 border-red-200 text-red-800',
                'warning': 'bg-yellow-50 border-yellow-200 text-yellow-800',
                'info':    'bg-blue-50 border-blue-200 text-blue-800'} -%}
{%- set _cls = _map.get(_t, _map['info']) -%}
<div role="alert" class="rounded-md border p-4 {{ _cls }}">
    {%- if title is defined %}<p class="font-semibold mb-1">{{ title }}</p>{% endif %}
    <p class="text-sm">{{ message|default(_slot_default|default(''))|safe }}</p>
</div>