{# Macro button / link_button / icon_button
   Uso:
     {% from "dg/components/button.html" import button, link_button, icon_button %}
     {{ button("Crear", variant="primary") }}
     {{ link_button("Ver", href="/x", variant="ghost") }}
     {{ icon_button("plus", aria_label="Nuevo") }}
#}
{% macro button(
  label,
  variant="ghost",
  size="md",
  type="button",
  icon=none,
  icon_position="left",
  aria_label=none,
  disabled=false,
  extra_class="",
  attrs=""
) %}
{%- set _size = " btn-sm" if size == "sm" else "" -%}
{%- set _var = "btn-" ~ variant -%}
<button type="{{ type }}"
        class="{{ _var }}{{ _size }} {{ extra_class }}"
        {% if aria_label %}aria-label="{{ aria_label }}"{% endif %}
        {% if disabled %}disabled aria-disabled="true"{% endif %}
        {{ attrs | safe }}>
  {%- if icon and icon_position == "left" %}
  {%- from "dg/components/icon.html" import icon as _icon %}
  {{ _icon(icon, class="w-4 h-4") }}
  {%- endif %}
  {{- label -}}
  {%- if icon and icon_position == "right" %}
  {%- from "dg/components/icon.html" import icon as _icon %}
  {{ _icon(icon, class="w-4 h-4") }}
  {%- endif %}
</button>
{%- endmacro %}

{% macro link_button(
  label,
  href="#",
  variant="ghost",
  size="md",
  icon=none,
  icon_position="left",
  target="",
  aria_label=none,
  extra_class=""
) %}
{%- set _size = " btn-sm" if size == "sm" else "" -%}
{%- set _var = "btn-" ~ variant -%}
<a href="{{ href }}"
   class="{{ _var }}{{ _size }} {{ extra_class }}"
   {% if target %}target="{{ target }}" rel="noopener"{% endif %}
   {% if aria_label %}aria-label="{{ aria_label }}"{% endif %}>
  {%- if icon and icon_position == "left" %}
  {%- from "dg/components/icon.html" import icon as _icon %}
  {{ _icon(icon, class="w-4 h-4") }}
  {%- endif %}
  {{- label -}}
  {%- if icon and icon_position == "right" %}
  {%- from "dg/components/icon.html" import icon as _icon %}
  {{ _icon(icon, class="w-4 h-4") }}
  {%- endif %}
</a>
{%- endmacro %}

{% macro icon_button(name, aria_label, extra_class="", attrs="") %}
{%- from "dg/components/icon.html" import icon %}
<button type="button"
        class="btn-icon {{ extra_class }}"
        aria-label="{{ aria_label }}"
        {{ attrs | safe }}>
  {{ icon(name) }}
</button>
{%- endmacro %}