{# [module]/templates/carousel.html.twig #}
<section class="ecl-carousel" data-ecl-auto-init="Carousel" aria-roledescription="carousel"
  aria-label="Carousel description here">
  <div class="ecl-carousel__controls">
    <div class="ecl-container">
      <div class="ecl-carousel__autoplay"><button
          class="ecl-button ecl-button--tertiary ecl-carousel__play ecl-button--icon-only" type="button"><span
            class="ecl-button__container"><span class="ecl-button__label" data-ecl-label="true">Play carousel</span><svg
              class="ecl-icon ecl-icon--m ecl-button__icon ecl-carousel__icon-default" focusable="false"
              aria-hidden="true" data-ecl-icon>
              <use xlink:href="{{  url('<front>') }}themes/contrib/oe_theme/dist/eu/images/icons/sprites/icons.svg#play-outline"></use>
            </svg></span></button><button
          class="ecl-button ecl-button--tertiary ecl-carousel__pause ecl-button--icon-only" type="button"><span
            class="ecl-button__container"><span class="ecl-button__label" data-ecl-label="true">Pause
              carousel</span><svg class="ecl-icon ecl-icon--m ecl-button__icon ecl-carousel__icon-default"
              focusable="false" aria-hidden="true" data-ecl-icon>
              <use xlink:href="{{  url('<front>') }}themes/contrib/oe_theme/dist/eu/images/icons/sprites/icons.svg#pause-outline"></use>
            </svg></span></button></div>
      <div class="ecl-carousel__navigation" role="tablist">{{ navigation }}</div>
    </div>
  </div>
  <div class="ecl-carousel__container">
    <div class="ecl-carousel__slides">
      {{ slides }}
    </div>
  </div>
</section>