<template>
  <base-dashboard-component class="vis-document-listing">
    <template #header>
      Case Reports
    </template>

    <template #content>
      <div class="columns is-multiline">
        <ReportItem
          v-for="vd in documents"
          :key="vd.id"
          v-bind="vd"
          class="is-narrow column is-2"
        />
        <ReportItem type="new" class="is-narrow column is-2" />
      </div>
    </template>
  </base-dashboard-component>
</template>

<script>
import ReportItem from './Item/index.vue'

export default {
  components: { ReportItem },
  props: {
    documents: {
      type: Array,
      default: () => []
    }
  }
}
</script>
