<template>
  <Slider v-if="news" :border="true" :data="news" title-tag="h3">
    <template #default="{item}">
      <Capsule
        :key="item.uuid"
        :to="{ name: 'NewsPage', params: { slug: item.slug[0] } }"
        size="small"
        v-bind="item"
      />
    </template>
  </Slider>
</template>

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

export default {
  name: 'SpaceNewsSlider',
  $_i18nRootPath: 'customs.SPACES.newsSlider',
  components: { Slider, Capsule },
  props: {
    news: {
      type: Array
    }
  }
}
</script>
