<template>
  <div>
    <Banner
      :edition-enabled="editionEnabled"
      :add="['franchised_spaces']"
      page="spaces"
    />
    <TemplateContainer>
      <SpacesListing />
    </TemplateContainer>
  </div>
</template>

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

import SpacesListing from '../../components/spaces/SpacesListing'

import { isEditionRole } from '../../helpers/index'

export default {
  name: 'SpacesListingPage',
  components: { Banner, TemplateContainer, SpacesListing },
  computed: {
    editionEnabled() {
      return isEditionRole()
    }
  }
}
</script>
