<template>
  <div>
    <Banner
      :add="['clubs', 'clubs_documents', 'clubs_news', 'clubs_folders']"
      page="clubs-listing"
    />

    <TemplateContainer size="l" class="main-content">
      <ClubsListing />
    </TemplateContainer>
  </div>
</template>

<script>
import Banner from '@inside-commons/components/lib/Banner'
import TemplateContainer from '@inside-commons/components/lib/TemplateContainer'

import ClubsListing from '../../components/clubs/ClubsListing'

export default {
  name: 'ClubsListingPage',
  components: {
    Banner,
    TemplateContainer,
    ClubsListing
  }
}
</script>
