<script setup lang="ts">
// import { Block, Cell } from '~/components/pub/my-ui/doc-entry/index'
// import Block from '~/components/pub/my-ui/doc-entry/block.vue'
// import Cell from '~/components/pub/my-ui/doc-entry/cell.vue'
</script>

<template>
  <div class="p-10 text-center">
    <div class="mb-4 xl:mb-5">Belum Ada Data</div>
    <div>
      <Button>
        <Icon name="i-lucide-plus" class="me-2 align-middle" />
        Tambah Order
      </Button>
    </div>
  </div>
  <Separator class="my-5" />
  <div class="md:grid md:grid-cols-2 font-semibold">
    <div>
      <PubCustomUiDocEntryBlock mode="preview">
        <PubCustomUiDocEntryCell>
          <PubCustomUiDocEntryLabel>Order #1</PubCustomUiDocEntryLabel>
          <PubCustomUiDocEntryColon />
          <PubCustomUiDocEntryField>
            2025-01-01
          </PubCustomUiDocEntryField>
        </PubCustomUiDocEntryCell>
        <PubCustomUiDocEntryCell>
          <PubCustomUiDocEntryLabel>Status</PubCustomUiDocEntryLabel>
          <PubCustomUiDocEntryColon />
          <PubCustomUiDocEntryField>
              Status
          </PubCustomUiDocEntryField>
        </PubCustomUiDocEntryCell>
      </PubCustomUiDocEntryBlock>
    </div>
    <div>
      <PubCustomUiDocEntryBlock mode="preview">
        <PubCustomUiDocEntryCell>
          <PubCustomUiDocEntryLabel>DPJP</PubCustomUiDocEntryLabel>
          <PubCustomUiDocEntryColon />
          <PubCustomUiDocEntryField>
              Nama Dokter
          </PubCustomUiDocEntryField>
        </PubCustomUiDocEntryCell>
        <PubCustomUiDocEntryCell>
          <PubCustomUiDocEntryLabel>PPDS</PubCustomUiDocEntryLabel>
          <PubCustomUiDocEntryColon />
          <PubCustomUiDocEntryField>
              Nama PPDS
          </PubCustomUiDocEntryField>
        </PubCustomUiDocEntryCell>
      </PubCustomUiDocEntryBlock>
    </div>
  </div>
</template>
