import Swiper from "swiper";

interface AtomSlidersStore {
  init(): void;
  initArticleSlider(): void;
}

const AtomSliders: AtomSlidersStore = {
  init() {
    document.addEventListener("turbolinks:load", () => {
      this.initArticleSlider();
    });
  },

  initArticleSlider() {
    if (!document.querySelector(".article-slider")) return;

    new Swiper(".articles-slider", {
      modules: [],
      slidesPerView: 1,
      loop: true,
      autoplay: {
        delay: 5000,
        disableOnInteraction: false,
        pauseOnMouseEnter: true,
      },
      pagination: {
        el: ".swiper-pagination",
        clickable: true,
      },
    });
  },
};

export { AtomSliders as default };