<script setup lang="ts">
import DataTable from '~/components/pub/my-ui/data-table/data-table.vue'
import { config } from './list-entry.config'
import type { DeviceOrderItem } from '~/models/device-order-item';

defineProps<{
  data: DeviceOrderItem[]
}>()

const emit = defineEmits<{
  add: []
}>()
</script>

<template>
  <DataTable v-bind="config" :rows="data" class="border mb-3 2xl:mb-4" />
  <div>
    <Button @click="emit('add')">
      <Icon name="i-lucide-plus" />
      Tambah Item
    </Button>
  </div>
</template>
