<script setup lang="ts">
import { cn } from '~/lib/utils';

const props = withDefaults(defineProps<{
  assesmentDate?: string
  class?: string
}>(), {
  assesmentDate: new Date().toISOString(),
})
</script>

<template>
    <div :class="cn('flex items-center gap-3 p-3 rounded-md text-orange-500 border border-orange-400 bg-orange-50',
        props.class
    )">
        <Icon name="i-lucide-triangle-alert" class="h-9 w-9 align-middle transition-colors" />
        <p class="font-medium">Pasien telah mencapai atau telah melampaui jadwal Asesment pada 
          <b>{{ new Date(props.assesmentDate).toDateString() }}</b>
          <br>
           Harap melakukan Re-Asement sebelum melanjutkan Protocol Therapy</p>
    </div>
</template>
