<template>
  <UsersListingBlock :static-data="users" :block-options="blockOptions">
    <template #userItem="{ item }">
      <CardUser
        v-bind="item"
        :key="item.uuid"
        :image="$_getContentImage(item.image, 'avatar')"
      />
    </template>
  </UsersListingBlock>
</template>

<script>
import UsersListingBlock from '@inside-users/components/lib/UsersListingBlock'

import CardUser from '../users/CardUser'

export default {
  name: 'SpaceKeyContacts',
  $_i18nRootPath: 'customs.SPACES.keyContacts',
  components: { CardUser, UsersListingBlock },
  props: {
    users: {
      type: Array
    }
  },
  computed: {
    blockOptions() {
      return {
        title: this.$t(
          'customs.SPACES.keyContacts.title',
          this.$store.getters.getCurrentLang
        ),
        titleTag: 'h3'
      }
    }
  }
}
</script>
