<template>
  <Slider
    :data="fetchedData"
    :border="true"
    :title="$_tr('title')"
    title-tag="h4"
  >
    <template #default="{ item }">
      <Capsule v-bind="item" :key="item.uuid" />
    </template>
  </Slider>
</template>

<script>
import Slider from '@inside-slideshow/components/lib/Slider'

import Capsule from '../news/CapsuleNews'

export default {
  name: 'FeaturedNews',
  $_i18nRootPath: 'customs.HOME_PAGE.FEATURED_NEWS',
  components: { Slider, Capsule },
  props: {
    fetchedData: {
      type: Array,
      required: true
    }
  }
}
</script>

<style></style>
