<template>
  <centered-1280-box>
    <history-table :data="data.history" :reasonDescription="data.mainInfo.reasonDescription" />
  </centered-1280-box>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';

import Centered1280Box from '@/recruits/components/common/centered-1280-box.vue';
import HistoryTable from './history-table.vue';

import { IncidentResponseV1 } from '@/recruits/openapi/ervu-service';

@Component({
  components: {
    Centered1280Box,
    HistoryTable,
  },
})
export default class HistoryTab extends Vue {
  @Prop()
  readonly data: IncidentResponseV1;
}
</script>
