swiper

// src/components/patterns/swiper/swiper.twig

{{ attach_library("circle_dot/pattern-swiper") }}

{# Build class list #}
{% set classes = [
	'Swiper',
	modifier_class ? 'Swiper--' ~ modifier_class : null
] %}

{# Default configuration #}
{% set swiper_config = {
	slidesPerView: slides_per_view|default('auto'),
	spaceBetween: space_between|default(8),
	breakpoints: breakpoints|default({})
}|json_encode %}

<cd-swiper
	class="{{ classes|join(' ')|trim }}"
	data-config="{{ swiper_config }}">
	<div class="Swiper-container swiper">
		<div class="swiper-wrapper">
			{% for item in items %}
				<div class="swiper-slide Swiper-slide">
					{{ item }}
				</div>
			{% endfor %}
		</div>
	</div>
</cd-swiper>