<template>
  <div>
    <Title tag="h3" class="mb-m">
      {{ $_tr('title') }}
    </Title>

    <ParagraphListing
      :herited-data="missions"
      :herited-options="{ template: true }"
    />
  </div>
</template>

<script>
import { Title } from 'inside-collection/atoms'
import ParagraphListing from '@inside-library/components/listing/ParagraphListing'

export default {
  name: 'ClubsMissions',
  $_i18nRootPath: 'customs.CLUBS_PAGE.MISSIONS',
  components: {
    Title,
    ParagraphListing
  },
  props: {
    missions: {
      type: Array,
      required: true
    }
  }
}
</script>
