<script setup lang="ts">
import type { Specialist } from '~/models/specialist'
import DetailRow from '~/components/pub/my-ui/form/view/detail-row.vue'

// #region Props & Emits
defineProps<{
  specialist: Specialist
}>()

// #endregion

// #region State & Computed

// #region Lifecycle Hooks
// #endregion

// #region Functions

// #endregion region

// #region Utilities & event handlers

// #endregion

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

<template>
  <DetailRow label="Kode">{{ specialist.code || '-' }}</DetailRow>
  <DetailRow label="Nama">{{ specialist.name || '-' }}</DetailRow>
  <DetailRow label="Unit">
    {{ [specialist.unit?.code, specialist.unit?.name].filter(Boolean).join(' / ') || '-' }}
  </DetailRow>
</template>

<style scoped></style>
