{% comment %}NexUI Alert v1.0.0{% endcomment %}
{% with nv=variant|default:"default" %}
<div role="alert" class="relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4
  {% if nv == 'destructive' %}border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive
  {% else %}bg-background text-foreground
  {% endif %}
  {{ class }}">{{ slot }}</div>
{% endwith %}