<script setup>
import MdrBadge from "@/components/Mudur-Ui-Kit/MdrBadge.vue";
import { computed } from "vue";
const props = defineProps({ status: String });
const enums = window.ginvoice.enums;
const statusClass = computed(() => {
  switch (props.status) {
    case "pending":
      return "!text-yellow-600 !bg-yellow-200";
    case "running":
      return "!text-blue-600 !bg-blue-200";
    case "completed":
      return "!text-green-600 !bg-green-200";
    case "not_required":
      return "!text-green-600 !bg-green-200";
    case "failed":
      return "!text-red-600 !bg-red-200";
    case "canceled":
      return "!text-gray-600 !bg-gray-200";
  }
});
</script>
<template>
  <MdrBadge :class="statusClass">
    Resmileştirme
    {{ enums.invoice_formal_statuses[status] }}
  </MdrBadge>
</template>
