{% macro button(label, href=None, kind='primary', size='md', icon=None, attrs='', disabled=False, busy=False, title='', button_type='button') -%}
{% set classes = 'hil-btn hil-btn-' ~ kind ~ ' hil-btn-' ~ size %}
{% if icon %}{% set classes = classes ~ ' hil-btn-has-icon' %}{% endif %}
{% if busy %}{% set classes = classes ~ ' is-loading' %}{% endif %}
{% if href %}
<a href="{{ href }}" class="{{ classes }}"{% if title %} title="{{ title }}"{% endif %} {{ attrs|safe }}{% if disabled %} aria-disabled="true" tabindex="-1"{% endif %}>
  {% if icon %}<span class="hil-btn-icon" aria-hidden="true">{{ icon }}</span>{% endif %}
  <span class="hil-btn-label">{{ label }}</span>
  {% if busy %}<span class="hil-btn-spinner" aria-hidden="true"></span>{% endif %}
</a>
{% else %}
<button type="{{ button_type }}" class="{{ classes }}"{% if title %} title="{{ title }}"{% endif %} {{ attrs|safe }}{% if disabled %} disabled aria-disabled="true"{% endif %}>
  {% if icon %}<span class="hil-btn-icon" aria-hidden="true">{{ icon }}</span>{% endif %}
  <span class="hil-btn-label">{{ label }}</span>
  {% if busy %}<span class="hil-btn-spinner" aria-hidden="true"></span>{% endif %}
</button>
{% endif %}
{%- endmacro %}

{% macro icon_button(icon, label, href=None, kind='ghost', size='md', attrs='') -%}
{{ button(label=label, href=href, kind=kind, size=size, icon=icon, attrs=attrs, title=label) }}
{%- endmacro %}

{% macro action_group(items, class_name='') -%}
<div class="hil-action-group {{ class_name }}">
  {% for item in items %}
    {{ button(item.label, item.href, item.kind|default('secondary'), item.size|default('md'), item.icon|default(None), item.attrs|default('')) }}
  {% endfor %}
</div>
{%- endmacro %}