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

// #region Props & Emits
defineProps<{
  unit: Unit
}>()

// #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">{{ unit.code || '-' }}</DetailRow>
  <DetailRow label="Nama">{{ unit.name || '-' }}</DetailRow>
  <!-- <DetailRow label="Nama Instalasi">{{ unit.installation?.name || '-' }}</DetailRow> -->
</template>

<style scoped></style>
