<template>
  <div class="o-imagebanner">
    <swiper
        :slides-per-view="1"
        :autoplay="{
          delay: 2500,
          disableOnInteraction: false,
        }"
        :modules="[ Autoplay ]"
        :loop="props.images.length > 1"
    >
      <swiper-slide v-for="img in props.images">
        <img class="o-imagebanner__swiper-img"
            :src="`${img.large_image_url}`"
            alt="">
      </swiper-slide>
    </swiper>
  </div>
</template>

<script setup>
import { Swiper, SwiperSlide } from 'swiper/vue';
import { Autoplay } from "swiper";
import 'swiper/css';
import 'swiper/css/autoplay'

const props = defineProps({
  images: {type: Array, required: true}
})



</script>