<script>
import AiMonitor from "./AiMonitor/AiMonitor.vue";

export default {
  name: "AiMonitorCarousel",
  components: {AiMonitor},
  props: {
    list: {default: () => []}
  }
}
</script>

<template>
  <section class="AiMonitorCarousel">
    <el-carousel height="100%" indicator-position="none" arrow="hover">
      <el-carousel-item v-for="item in list" :key="item.id">
        <ai-monitor :src="item.src" :type="item.monitorType"/>
      </el-carousel-item>
    </el-carousel>
  </section>
</template>

<style scoped lang="scss">
.AiMonitorCarousel {
  height: 100%;

  .el-carousel {
    height: inherit;
  }
}
</style>
