import Swiper, { Pagination, Virtual } from 'swiper';
import 'swiper/css';
import 'swiper/css/pagination';

export const swiperImage = () => new Swiper('.block-images-slider__swiper', {
  modules: [Pagination, Virtual],
  slidesPerView: 1,
  spaceBetween: 20,
  freeMode: true,
  pagination: {
    el: ".block-images-slider__pagination",
    clickable: true,
  },
  init: false,
  mousewheel: true,
  breakpoints: {
    320: {
      slidesPerView: 1,
      spaceBetween: 20,
    },
    480: {
      slidesPerView: 1,
      spaceBetween: 20,
    },
    768: {
      slidesPerView: 1,
      spaceBetween: 20,
    },
  }
});