<script setup>
import { ref } from 'vue';
import AisTable from '@/components/table/AisTable.vue'

const fields = ref([
  { key: 'hawkId', label: 'Hawk ID', sortable: true },
  { key: 'univId', label: 'Univ ID', sortable: true, class: 'text-center' },
  { key: 'firstName', label: 'First Name', sortable: true },
  { key: 'lastName', label: 'Last Name', sortable: true },
  { key: 'email', label: 'Email', sortable: true, class: 'whitespace-nowrap' },
  { key: 'hireDate', label: 'Hire Date', sortable: true, class: 'text-center whitespace-nowrap' },
])
const items = ref([])
</script>

<template>
  <AisTable outlined
            :fields="fields"
            :items="items"
            show-empty
  ></AisTable>
</template>