<div {{ attributes.defaults({class: 'theme-' ~ this.customData.color|default('unknown')}) }}>
   <div class="img">
      <twig:Picture img_class="img-fluid" thumbnail="{{ this.thumbnail }}" type="slider_home" is_lazy="{{ this.is_thumbnail_lazy }}"/>
   </div>
   <div class="content-wrapper">
      <div class="container">
         <div class="content">
            {% if this.description %}
               <p class="descr">{{ this.description|nl2br }}</p>
            {% endif %}
            {% if this.customData.title|default(false) %}
               <p class="title">{{ this.customData.title|nl2br }}</p>
            {% endif %}
            {% if this.link %}
               <a href="{{ this.link }}" class="btn btn-{{ this.customData.btncolor|default('light') }}" data-tracking-click="{{ this.gTMClickData }}">
                  {{ this.customData.btn|default('Prohlédnout') }}
               </a>
            {% endif %}
         </div>

         {% if this.getCustomDataProducts %}
            {% for id in this.getCustomDataProducts %}
               <twig:ProductList:PreviewItem id_product="{{ id }}"/>
            {% endfor %}
         {% endif %}
      </div>
   </div>
</div>
