import { Controller } from "@hotwired/stimulus"
import SwiperOptions from "swiper"
// @ts-ignore
import Swiper from "swiper/bundle"

export default class Carousel extends Controller {
  swiper: Swiper
  optionsValue: SwiperOptions

  static values = {
    options: Object,
  }

  connect(): void {
    this.swiper = new Swiper(this.element, {
      ...this.defaultOptions,
      ...this.optionsValue,
    })
  }

  disconnect(): void {
    this.swiper.destroy()
    this.swiper = undefined
  }

  get defaultOptions(): SwiperOptions {
    // @ts-ignore
    return {}
  }
}