<script setup>
// import { defineProps } from "vue";
const props = defineProps({
  imgList: {
    type: Array,
    required: true,
  },
});
</script>

<template>
  <v-carousel cycle height="400" width="500" hide-delimiter-background show-arrows="hover">
    <v-carousel-item v-for="(slide, i) in imgList" :key="i">
      <v-sheet :color="colors[i]" height="100%">
        <div class="d-flex fill-height justify-center align-center">
          <div class="text-h2">{{ slide }} Slide</div>
        </div>
      </v-sheet>
    </v-carousel-item>
  </v-carousel>
</template>
