{% set type = type|default('info') %}

<div class="{{ html_classes('p-4 mb-4 flex items-start space-x-2 text-gray-100 rounded-md', { 'bg-blue-600': type == 'info', 'bg-red-600': type == 'warning', 'bg-green-600': type == 'success' }) }}">
    {{ icon(type == 'success' ? 'check' : 'alert', 'w-5 h-5 flex-shrink-0') }}
    <div class="leading-relaxed text-base">
        {% block message %}
            {{ message | nl2br }}
        {% endblock %}
    </div>
</div>