<template>
  <component-listing
    id="business-leaders-listing"
    direction="horizontal"
    :static-data="leaders"
    :pagination="false"
    class="mt-m"
  >
    <template #default="{ item }">
      <Card
        v-bind="item"
        :key="item.uuid"
        :image="$_getContentImage(item.image, 'avatar')"
      />
    </template>
  </component-listing>
</template>

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

export default {
  name: 'BusinessLeaders',
  components: { Card },
  props: {
    leaders: {
      type: Array,
      required: true
    }
  }
}
</script>
