<template>
  <div>
    <v-layout row wrap v-for="event in events.events" :key="event.id" v-if="events && events.events">
      <v-flex xs12>
        <Event :event="event" :has-user="hasUser" :toggleIgnore="toggleIgnore"/>
      </v-flex>
    </v-layout>
  </div>
</template>

<script>
import Event from '../Event';

export default {
  components: {
    Event,
  },
  props: {
    hasUser: {
      type: Boolean,
      required: true
    },
    toggleIgnore: {
      type: Function,
      required: true
    },
    events: {
      type: Object,
      required: true
    },
  },
}
</script>
