import Swiper from 'swiper';

export default () => {
  const sliderContainers = document.querySelectorAll('.image-slider__view');

  if (!sliderContainers.length) { return }

  const options = {
    slidesPerView: 1,
    navigation: {
      nextEl: '.image-slider__control--next',
      prevEl: '.image-slider__control--prev'
    },
    breakpoints: {
      1024: {
        spaceBetween: 32
      },
      768: {
        slidesPerView: 3,
        spaceBetween: 15
      }
    }
  };

  [...sliderContainers].forEach((container) => {
    const swiper = new Swiper(container, options);

    return swiper;
  });
};