<script setup lang="ts">
import DataTable from '~/components/pub/my-ui/data-table/data-table.vue'

import { config } from './list-detail.cfg'
import type { ProcedureRoomOrderItem } from '~/models/procedure-room-order-item';

defineProps<{
  data: ProcedureRoomOrderItem[]
}>()
</script>

<template>
  <div class="mb-4 2xl:mb-5">
    <div class="font-semibold text-sm 2xl:text-base mb-2">
      Daftar Order Ruang
    </div>
    <DataTable class="border mb-3 2xl:mb-4"
      v-bind="config"
      :rows="data"
    />
  </div>
</template>
