<template>
  <base-table :data="data"
              :columns="columns"
              thead-classes="text-primary">
  </base-table>
</template>
<script>
  import { BaseTable } from "@/components";
  export default {
    components: {
      BaseTable
    },
    data() {
      return {
        data :[
          {
            "id": 1,
            "date": "2023-11-24",
            "time": "09:40:21",
            "type": "Temp sensor error",
            "code": "22",
            "remove": "undefined"
          },
          {
            "id": 2,
            "date": "2023-11-24",
            "time": "09:40:21",
            "type": "Temp sensor error",
            "code": "22",
            "remove": "undefined"
          },
          {
            "id": 3,
            "date": "2023-11-24",
            "time": "09:40:21",
            "type": "Temp sensor error",
            "code": "22",
            "remove": "undefined"
          },
          {
            "id": 4,
            "date": "2023-11-24",
            "time": "09:40:21",
            "type": "Temp sensor error",
            "code": "22",
            "remove": "undefined"
          },
          {
            "id": 5,
            "date": "2023-11-24",
            "time": "09:40:21",
            "type": "Temp sensor error",
            "code": "22",
            "remove": "undefined"
          },
          {
            "id": 6,
            "date": "2023-11-24",
            "time": "09:40:21",
            "type": "Temp sensor error",
            "code": "22",
            "remove": "undefined"
          }
        ],
        columns: [
          "Date",
          "Time",
          "Type",
          "Code",
          "Remove"
        ],
      }
    },
    computed: {
      table(){
        return this.$t('dashboard.usersTable');
      }
    }
  }
</script>
<style>
</style>
