{% load allauth %}
{% comment %} Bootstrap 5 buttons; allauth's semantic tags choose the variant. {% endcomment %}
{% comment %} djlint:off {% endcomment %}
<{% if attrs.href %}a href="{{ attrs.href }}"{% else %}button{% endif %}
{% if attrs.form %}form="{{ attrs.form }}"{% endif %}
{% if attrs.id %}id="{{ attrs.id }}"{% endif %}
{% if attrs.name %}name="{{ attrs.name }}"{% endif %}
{% if attrs.value %}value="{{ attrs.value }}"{% endif %}
{% if attrs.type %}type="{{ attrs.type }}"{% endif %}
class="btn {% if 'danger' in attrs.tags %}btn-danger{% elif 'link' in attrs.tags or 'cancel' in attrs.tags %}btn-link{% elif 'outline' in attrs.tags or 'secondary' in attrs.tags %}btn-outline-primary{% else %}btn-primary{% endif %}"
>
{% slot %}
{% endslot %}
</{% if attrs.href %}a{% else %}button{% endif %}>