{% comment %}NexUI Button v1.0.0{% endcomment %}
{% with nv=variant|default:"default" ns=size|default:"md" %}
<button
  type="{{ type|default:'button' }}"
  {% if id %}id="{{ id }}"{% endif %}
  class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50
    {% if nv == 'default' %}bg-primary text-primary-foreground hover:bg-primary/90
    {% elif nv == 'destructive' %}bg-destructive text-destructive-foreground hover:bg-destructive/90
    {% elif nv == 'outline' %}border border-input bg-background hover:bg-accent hover:text-accent-foreground
    {% elif nv == 'secondary' %}bg-secondary text-secondary-foreground hover:bg-secondary/80
    {% elif nv == 'ghost' %}hover:bg-accent hover:text-accent-foreground
    {% elif nv == 'link' %}text-primary underline-offset-4 hover:underline
    {% endif %}
    {% if ns == 'sm' %}h-9 px-3 text-xs
    {% elif ns == 'lg' %}h-11 px-8 text-base
    {% elif ns == 'icon' %}h-10 w-10 p-0
    {% else %}h-10 px-4 py-2
    {% endif %}
    {{ class }}"
  {% if disabled %}disabled{% endif %}
  {{ attrs }}
>{{ slot }}</button>
{% endwith %}