layout-button

// src/components/patterns/form/layout/layout-button/layout-button.html.twig

{% set classes = [
  has_loading ? 'js-FskButton' : ''
] %}

{% if icon %}
  {% set icon_html %}
    {% include "@elements/icon/icon.html.twig" with {name: icon} only %}
  {% endset %}
{% endif %}

<div class="LayoutButton {% if mutation %} LayoutButton--{{ mutation }}{% endif %}">
  <div class="LayoutButton-wrapper">
    {% include "@fsk/form/form-element/input/input--submit/input--submit.html.twig" with {
      attributes: attributes.addClass(classes),
      modifiers: button_modifiers,
      icon: icon_html
    } only %}
    {% if children %}
      {{ children }}
    {% endif %}
    {% if has_loading %}
      {% include "@elements/loading-animation/loading-animation.html.twig" with {
        text: "Ihre Daten werden übertragen. <br>Bitte haben Sie einen Moment Geduld.",
        class: "is-hidden"
      } only %}
    {% endif %}
  </div>
</div>