{% set variant = variant|default('empty') %}
{% set role = variant == 'error' ? 'alert' : 'status' %}
<div class="empty-state empty-state-{{ variant }} {{ class|default('') }}" role="{{ role }}">
    <div class="empty-state-icon" aria-hidden="true">
        {% if icon is defined %}
            {{ icon|raw }}
        {% elseif variant == 'error' %}
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 9v4m0 4h.01M10.3 3.7 2.7 17a2 2 0 0 0 1.7 3h15.2a2 2 0 0 0 1.7-3L13.7 3.7a2 2 0 0 0-3.4 0Z"/></svg>
        {% else %}
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M4 7.5 12 3l8 4.5v9L12 21l-8-4.5v-9ZM4.5 7.7 12 12l7.5-4.3M12 12v8.5"/></svg>
        {% endif %}
    </div>
    <p class="empty-state-title">{{ title|default('Sin datos') }}</p>
    {% if message is defined %}<p class="empty-state-copy">{{ message }}</p>{% endif %}
    {% if action is defined %}<div class="mt-4 flex justify-center">{{ action|raw }}</div>{% endif %}
</div>