<template>
  <Page
    :per-page="12"
    :search-placeholder="$_tr('search')"
    content-types="experiences"
    component-mosaic-name="experiences-catalog-item"
    sort="title:asc"
    filters-unfolded="selected"
    class="experiences-catalog"
  >
    <template #banner>
      <Banner
        :add="['experiences']"
        :extra-fields="['uuid']"
        page="experiences"
      >
        <template #footer="data">
          <ExperiencesHeaderButtons :herited-data="data" />
        </template>
      </Banner>
    </template>
  </Page>
</template>

<script>
import Page from '@inside-catalog/components/pages/CatalogPage'

import Banner from '@inside-commons/components/lib/Banner'

import ExperiencesHeaderButtons from '../../components/experiences/ExperiencesHeaderButtons'

export default {
  name: 'ExperiencesPage',
  $_i18nRootPath: 'customs.EXPERIENCES_PAGE',
  components: { Page, Banner, ExperiencesHeaderButtons }
}
</script>
