{%- set class_name = [
"swiper",
props.name ? props.name : "",
props.extra_class ? props.extra_class : "",
]|join(' ')|trim -%}
{%- set attrs = [
'class="' ~ class_name ~ '"',
] -%}
{%- set attrs = attrs|join(' ')|trim -%}
{% if props.slides %}
<div {{ attrs|raw }}>
<div class="swiper-wrapper">
{% block content %}
{% for slide in props.slides %}
<div class="swiper-slide" {% if props.index == true %} data-index="{{ loop.index0 }}" {% endif %}>
{% include props.item.path with {props: slide|merge({
size: props.size
})} %}
</div>
{% endfor %}
{% endblock %}
</div>
{% block pagination %}{% endblock %}
</div>
{% endif %}