{% set variant = variant|default('info') %}
{% set timeout = timeout|default(variant == 'success' ? 5000 : (variant == 'error' ? 10000 : 7000)) %}
<div
    class="toast toast-{{ variant }} {{ class|default('') }}"
    x-data="{ show: true }"
    x-init="{{ timeout > 0 ? 'setTimeout(() => show = false, ' ~ timeout ~ ')' : '' }}"
    x-show="show"
    x-transition.opacity.duration.150ms
    role="{{ variant == 'error' ? 'alert' : 'status' }}"
    aria-live="{{ variant == 'error' ? 'assertive' : 'polite' }}"
>
    <div class="min-w-0 flex-1">{{ message }}</div>
    <button type="button" class="toast-dismiss" @click="show = false" aria-label="{{ close_label|default('Cerrar') }}">
        <svg class="h-5 w-5" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 18 6M6 6l12 12"/></svg>
    </button>
</div>