Button

{% if not(theme)  %}
{% set theme = 'primary' %}
{% endif %}

{% if not(variant) %}
{% set variant = 'filled' %}
{% endif %}

{% if not(size) %}
{% set size = 'large' %}
{% endif %}

<button
  {{ attributes }}

  class="
    c-button
    c-button--{{ theme }}
    c-button--{{ variant }}
    c-button--{{ size }}

    {% if fullWidth %}
      has-full-width
    {% endif %}

    {% if isActive %}
      is-active
    {% endif %}
  ">
    {% if icon %}
      <span class="c-button__icon">
        {% render '@svg', { name: icon } %}
      </span>
    {% endif %}

    {% if label.default %}
      <span class="
        c-button__label

        {% if label.mobile or label.mobile === '' %}
        small-only:hidden
        {% endif %}

      ">{{ label.default | safe }}</span>
    {% endif %}

    {% if label.mobile or label.mobile === '' %}
      <span class="c-button__label medium:hidden large:hidden">{{ label.mobile | safe }}</span>
    {% endif %}
</button>