<script setup lang="ts">
// Types
import type { Encounter } from '~/models/encounter'

// Components
import EncounterQuickInfoFull from '~/components/app/encounter/quick-info-full.vue'

const props = defineProps<{
  data: Encounter
}>()
</script>

<template>
  <div class="w-full rounded-md border bg-white p-4 shadow-sm dark:bg-neutral-950">
    <h2 class="mb-4 text-base font-semibold md:text-lg 2xl:text-xl">Data Pasien:</h2>
    <EncounterQuickInfoFull :data="props.data" :is-grid="false" />
  </div>
</template>
