<script setup lang="ts">
const props = defineProps<{
  rec: any
  idx?: number
}>()
</script>

<template>
  <div class="flex flex-col justify-center">
    <p class="font-semibold text-sm">{{ props.rec.patient.name }}</p>
    <p class="text-xs text-muted-foreground">{{ props.rec.patient.mrn }}</p>
  </div>
</template>
