{# ========================================================================= #}
{# :: Default #}
{# ========================================================================= #}
{% macro default(classes, data) %}

<button
  class="a-button {{classes}} {{'js-overlay-trigger' if data.overlay}}"
  {% if data.overlay %}data-overlay-target="{{data.overlay}}"{% endif %}
>
  <span class="a-button__text">{{data.text}}</span>
</button>

{% endmacro %}

{# ========================================================================= #}
{# :: Default - disabled #}
{# ========================================================================= #}
{% macro defaultDisabled(classes, data) %}

<button class="a-button {{classes}}" disabled>
  <span class="a-button__text">{{data.text}}</span>
</button>

{% endmacro %}

{# ========================================================================= #}
{# :: LINK #}
{# ========================================================================= #}
{% macro link(classes, data) %}

<a
  class="a-button {{classes}} {{'js-overlay-trigger' if data.overlay}}"
  href="{{data.url}}"
  {% if data.overlay %}data-overlay-target="{{data.overlay}}"{% endif %}
>
  <span class="a-button__text">{{data.text}}</span>
</a>

{% endmacro %}

{# ========================================================================= #}
{# :: Link - disabled #}
{# ========================================================================= #}
{% macro linkDisabled(classes, data) %}

<a class="a-button {{classes}} is-disabled" href="{{data.url}}">
  <span class="a-button__text">{{data.text}}</span>
</a>

{% endmacro %}

{# ========================================================================= #}
{# :: SUBMIT #}
{# ========================================================================= #}
{% macro submit(classes, data) %}

<input type="submit" class="a-button {{classes}}" value="{{data.text}}" {% if data.form %}form="{{data.form}}"{% endif %} />

{% endmacro %}

{# ========================================================================= #}
{# :: Submit - disabled #}
{# ========================================================================= #}
{% macro submitDisabled(classes, data) %}

<input type="submit" class="a-button {{classes}}" value="{{data.text}}" disabled />

{% endmacro %}

{# ========================================================================= #}
{# :: Button as submit #}
{# ========================================================================= #}
{% macro buttonAsSubmit(classes, data) %}

<button type="submit"
  class="a-button {{classes}} {{'js-overlay-trigger' if data.overlay}}"
  {% if data.form %}form="{{data.form}}"{% endif %}
  {% if data.overlay %}data-overlay-target="{{data.overlay}}"{% endif %}>

  <span class="a-button__text">{{data.text}}</span>
</button>

{% endmacro %}

{# ========================================================================= #}
{# :: Button as submit - disabled #}
{# ========================================================================= #}
{% macro buttonAsSubmitDisabled(classes, data) %}

<button type="submit" class="a-button {{classes}}" disabled>
  <span class="a-button__text">{{data.text}}</span>
</button>

{% endmacro %}