<template>
  <Block
    :title="$_tr('title')"
    :link="{ name: 'ClubsMembersPage' }"
    :link-label="$_tr('more')"
    title-tag="h3"
    class="mt-xxl"
  >
    <AvatarListing :users="users" />
  </Block>
</template>

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

import AvatarListing from '@inside-library/components/listing/AvatarListing'

export default {
  name: 'ClubsMembers',
  $_i18nRootPath: 'customs.CLUBS_PAGE.MEMBERS',
  components: { Block, AvatarListing },
  props: {
    users: {
      type: Array
    }
  }
}
</script>
