<template>
  <Page :fetched-data="fetchedData">
    <template #header="{ title }">
      <Banner :static-data="{ title: $_tc('title', [title]) }" />
    </template>

    <template #directory="{ uuid }">
      <Directory :uuid="uuid" content-type="groups" />
    </template>
  </Page>
</template>

<script>
import Page from '@inside-teams/components/pages/TeamMembersPage'
import Banner from '@inside-commons/components/lib/Banner'

import Directory from '../../components/commons/GroupDirectory'

export default {
  name: 'TeamsMembersPage',
  $_i18nRootPath: 'users.LISTING',
  components: { Page, Directory, Banner },
  props: {
    fetchedData: {
      type: Object,
      required: true
    }
  }
}
</script>
