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

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

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