import Swiper from 'swiper';

export default () => {
  const swipers = document.querySelectorAll('.about-swiper');

  if (!swipers.length) { return }

  const options = {
    loop: true,
    slidesPerView: 2,
    spaceBetween: 15,
    pagination: {
      el: '.partners--pagination',
      clickable: true
    },
    breakpoints: {
      768: {
        slidesPerView: 4
      },
      568: {
        slidesPerView: 3
      },
      320: {
        slidesPerView: 2
      }
    }
  };

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

    return swiper;
  });
};