<template>
  <div class="users-modal-card-listing-container">
    <UsersModalCard
      v-for="user in users"
      :key="user.uuid"
      :herited-data="user"
    />
  </div>
</template>

<script>
import UsersModalCard from './UsersModalCard'

export default {
  name: 'UsersModalCardListing',
  components: { UsersModalCard },
  props: {
    users: {
      type: Array,
      default: () => [],
      validator: arr => arr.every(user => user.uuid)
    }
  }
}
</script>
