<template>
  <v-card class="application-body pa-5 pe-4" flat>
    <v-flex class="d-flex flex-column agenda-body">
      <agenda-calendar
        :events="events"
        :calendars="calendars"
        :calendar-type="calendarType"
        :weekdays="weekdays"
        :full-weekdays="fullWeekdays"
        :working-time="workingTime"
        :connected-connector-avatar="connectedConnectorAvatar" 
        class="flex-grow-1" />
    </v-flex>
  </v-card>
</template>

<script>
export default {
  props: {
    periodTitle: {
      type: String,
      default: () => null
    },
    calendars: {
      type: Array,
      default: () => []
    },
    calendarType: {
      type: String,
      default: null
    },
    connectedConnectorAvatar: {
      type: String,
      default: null
    },
    weekdays: {
      type: Array,
      default: () => null
    },
    fullWeekdays: {
      type: Array,
      default: () => null
    },
    workingTime: {
      type: Object,
      default: () => null
    },
    events: {
      type: Array,
      default: () => null
    },
  },
};
</script>
