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

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

import UserCard from '../UserCard'

export default {
  name: 'SpacesKeyContacts',
  $_i18nRootPath: 'customs.SPACES.keyContacts',
  components: { UserCard, UsersListingBlock },
  props: {
    users: {
      type: Array,
      default: () => []
    }
  },
  computed: {
    blockOptions() {
      return {
        title: this.$_tr('title'),
        titleTag: 'h3'
      }
    }
  }
}
</script>
