{%- set _v = variant|default('primary') -%}
{%- set _map = {'primary':   'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500',
                'secondary': 'bg-gray-200 text-gray-800 hover:bg-gray-300 focus:ring-gray-400',
                'danger':    'bg-red-600 text-white hover:bg-red-700 focus:ring-red-500',
                'ghost':     'bg-transparent text-gray-700 hover:bg-gray-100 focus:ring-gray-400'} -%}
{%- set _cls = _map.get(_v, _map['primary']) -%}
<button type="{{ type|default('button') }}"
        {% if disabled is defined and disabled %}disabled{% endif %}
        class="inline-flex items-center justify-center px-4 py-2 rounded font-medium text-sm
               focus:outline-none focus:ring-2 focus:ring-offset-1
               disabled:opacity-50 disabled:cursor-not-allowed
               {{ _cls }} {{ class|default('') }}">
    {{- label|default(_slot_default|default(''))|safe -}}
</button>