<template>
  <component-listing
    id="groups-events-listing"
    :pagination="false"
    :fractions="1"
    :static-data="events"
  >
    <template #default="{ item }">
      <Minimal
        v-bind="item"
        :key="item.uuid"
        :to="{
          name: 'GroupEventPage',
          params: { slug: $route.params.slug, event: item.slug[0] }
        }"
        border-color-path="events_categories.color"
      />
    </template>
  </component-listing>
</template>

<script>
import Minimal from '@inside-events/components/lib/Minimal'

export default {
  name: 'GroupsEventsListing',
  components: { Minimal },
  props: {
    events: {
      type: Array,
      required: true
    }
  }
}
</script>
