import Swiper, { Thumbs, Navigation, Pagination } from 'swiper';

export default class ProductImageSwiper {

    constructor(el) {

        this.el = el;

        let swiper = new Swiper(this.el.querySelector('.thumbsSwiper'), {
            spaceBetween: 10,
            slidesPerView: 'auto',
            freeMode: true,
            centerInsufficientSlides: true
        });

        let swiper2 = new Swiper(this.el.querySelector('.mainSwiper'), {
            loop: true,
            spaceBetween: 10,
            modules: [Thumbs, Navigation, Pagination],
            navigation: {
                nextEl: this.el.querySelector('.swiper-button-next'),
                prevEl: this.el.querySelector('.swiper-button-prev'),
            },
            thumbs: {
                swiper: swiper,
            },
        });
    }


}