<template>
  <div class="dashboard-listing-page-customs-container">
    <Banner
      :herited-options="heritedOptions"
      :add-content="true"
      :back-button="true"
      :has-client="true"
      :contents="['dashboards', 'cenexi_notes']"
      page="dashboard-customer"
    />

    <TemplateContainer class="dashboard-listing-container" size="l">
      <DashboardListing />
    </TemplateContainer>
  </div>
</template>

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

export default {
  name: 'dashboard-listing-page-customs',
  components: {
    Banner,
    DashboardListing,
    TemplateContainer
  }
}
</script>

<style lang="scss" scoped>
.dashboard-listing-container {
  display: flex;
  flex-direction: column;
}
</style>
