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

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

<template>
    <div :class="cn('flex items-center gap-2 p-3 rounded-md text-orange-500 border border-orange-400 bg-orange-50',
        props.class
    )">
        <Icon name="i-lucide-triangle-alert" class="h-4 w-4 align-middle transition-colors" />
        <p class="font-medium">Pasien ini sedang menjalankan program terapi sampai {{ new Date(props.therapyEndDate).toDateString() }}</p>
    </div>
</template>
