<template>
  <div
    class="flex items-center gap-1.5 px-2 py-1.5 rounded-lg"
    :class="ok ? 'bg-green-50 text-green-700' : 'bg-gray-100 text-gray-500'"
  >
    <UIcon :name="ok ? 'i-heroicons-check-circle' : 'i-heroicons-x-circle'" class="w-3.5 h-3.5" />
    <span>{{ label }}</span>
  </div>
</template>

<script setup lang="ts">
defineProps<{
  ok: boolean;
  label: string;
}>();
</script>
