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

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

import Capsule from '../news/Capsule'

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

<style></style>
