{% set id = id|default("") %}
{% set classes = classes|default("") %}
{% set params = params|default("") %}
{% set text = text|default("") %}
{% set icon = icon|default("") %}
{% set iconSize = iconSize|default(18) %}
{% set label = not text and not label|default("") ? "Button" : label|default(text) %}
{% set target = external ? '_blank' : target|default("_self") %}
{% set color = color|default("blue") %}
{% if isDark is same as(true)  %}
    {% set isDark = true %}
{% else %}
    {% set isDark = false %}
{% endif %}
{% set classes = isDark ? classes ~ ' is-dark' : classes %}
{% if isSolid is same as(false)  %}
    {% set isSolid = false %}
{% else %}
    {% set isSolid = true %}
{% endif %}
{% set classes = isSolid ? classes ~ ' is-solid' : classes %}
{% set classes = icon ? classes ~ ' has-icon' : classes %}
{% set classes = isStatic ? classes ~ ' is-static' : classes %}
{% set classes = isTransparent ? classes ~ ' is-transparent' : classes %}
{% if textClasses %}
    {% set textClasses = ' ' ~ textClasses %}
{% endif %}
{% set params = href ? params ~ ' href="' ~ href ~ '" target="' ~ target ~ '"' : params %}
{% if not tag %}
    {% set tag = href ? "a" : "button" %}
{% endif %}

<{{ tag }}{% if id %} id="{{ id }}"{% endif %} class="button button-primary {{ classes }}" {{ params|raw }} aria-label="{{ label }}"{% if external %} rel="external"{% endif %}>
    <span class="button__wrap">
        <span class="inline text--cta{{ textClasses }}" {{ textParams }}>{{ text }}</span>
        {% if icon|default("") %}
            <span class="button__icon">
                {% include "@assets/vectors/icons-" ~ iconSize ~ "/" ~ icon ~ ".svg" %}
                <span class="visuallyhidden">{{ label }}</span>
            </span>
        {% endif %}
        {% include "@views/components/buttons/button-background.twig" with {
            isDark: isDark,
            isSolid: isSolid,
            isTransparent: isTransparent,
        } %}
    </span>
</{{ tag }}>