<script setup lang="ts">
import DetailRow from '~/components/pub/my-ui/form/view/detail-row.vue'
import { type Variants, Badge } from '~/components/pub/ui/badge'
import { cn, } from '~/lib/utils'
import type { Prb } from '~/models/prb'
import * as DE from '~/components/pub/my-ui/doc-entry'

// #region Props & Emits
const props = defineProps<{
  instance: Prb | null
}>()

// const emit = defineEmits<{
//   (e: 'click'): void
// }>()

const dummy = [
  {
    id: 1,
    number: 1,
    name: 'Operasi',
    code: 'OP-001'
  }
]

// #endregion

// #region State & Computed
// #endregion

// Computed addresses from nested data
// #endregion

// #region Lifecycle Hooks
// #endregion

// #region Functions

// #endregion region

// #region Utilities & event handlers
// function onClick() {
//   emit('click')
// }
// #endregion

// #region Watchers
// #endregion
</script>

<template>
  <article :class="cn('mb-5 space-y-1',)">
    <DetailRow label="No. PRB">{{ props.instance?.date ? props.instance?.date : '-' }}</DetailRow>
    <DetailRow label="Waktu dan Tanggal">{{ props.instance?.date ? props.instance?.date : '-' }}</DetailRow>
    <DetailRow label="Program PRB">{{ props.instance?.date ? props.instance?.date : '-' }}</DetailRow>
    <DetailRow label="DPJP">{{ props.instance?.date ? props.instance?.date : '-' }}</DetailRow>
    <DetailRow label="Keterangan">{{ props.instance?.date ? props.instance?.date : '-' }}</DetailRow>
    <DetailRow label="Saran">{{ props.instance?.date ? props.instance?.date : '-' }}</DetailRow>
  </article>
</template>

<style scoped></style>
