<template>
  <UPageCard title="Ampelstatus" variant="naked" orientation="horizontal" class="mb-4">
    {{ statusEmoji }}
  </UPageCard>
</template>

<script setup lang="ts">
import { ComplianceStatus } from '~~/.api-client'

const props = defineProps<{
  status: ComplianceStatus
}>()

const statusEmoji = computed(() => {
  switch (props.status) {
    case ComplianceStatus.Critical:
      return '🔴'
    case ComplianceStatus.Warning:
      return '🟡'
    case ComplianceStatus.NonCritical:
      return '🟢'
    default:
      return '🟢'
  }
})
</script>

