{"version":3,"file":"BR2hZS8C.js","sources":["../../../../components/Vendor/FixStatus/FixStatus.vue"],"sourcesContent":["<template>\n  <div\n    class=\"rounded-sm px-1 w-20 text-center whitespace-nowrap\"\n    :class=\"statusClasses\"\n  >\n    <div :class=\"textClasses\">{{ statusText }}</div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { computed } from 'vue';\n\n  interface StatusConfig {\n    bgClass: string;\n    textClass: string;\n    text: string;\n  }\n\n  const statusMap: Record<string, StatusConfig> = {\n    green: {\n      bgClass: 'bg-secondary bg-opacity-15',\n      textClass: 'text-primary',\n      text: 'Fixed'\n    },\n    yellow: {\n      bgClass: 'bg-yellow bg-opacity-15',\n      textClass: 'text-yellow',\n      text: 'Fix pending'\n    },\n    red: { bgClass: 'bg-coral', textClass: 'text-dark1', text: 'Upload fix' },\n    rejected: { bgClass: 'bg-coral', textClass: 'text-dark1', text: 'Rejected' }\n  };\n\n  interface Props {\n    status: keyof typeof statusMap | null;\n  }\n\n  const props = defineProps<Props>();\n  const currentStatus = computed(() => statusMap[props.status || 'rejected']);\n  const statusClasses = computed(() => currentStatus.value.bgClass);\n  const textClasses = computed(\n    () => `${currentStatus.value.textClass} text-xs font-semibold`\n  );\n  const statusText = computed(() => currentStatus.value.text);\n</script>\n"],"names":["statusMap","props","__props","currentStatus","computed","statusClasses","textClasses","statusText"],"mappings":"+sBAkBE,MAAMA,EAA0C,CAC9C,MAAO,CACL,QAAS,6BACT,UAAW,eACX,KAAM,OACR,EACA,OAAQ,CACN,QAAS,0BACT,UAAW,cACX,KAAM,aACR,EACA,IAAK,CAAE,QAAS,WAAY,UAAW,aAAc,KAAM,YAAa,EACxE,SAAU,CAAE,QAAS,WAAY,UAAW,aAAc,KAAM,UAAW,CAC7E,EAMMC,EAAQC,EACRC,EAAgBC,EAAS,IAAMJ,EAAUC,EAAM,QAAU,UAAU,CAAC,EACpEI,EAAgBD,EAAS,IAAMD,EAAc,MAAM,OAAO,EAC1DG,EAAcF,EAClB,IAAM,GAAGD,EAAc,MAAM,SAAS,wBACxC,EACMI,EAAaH,EAAS,IAAMD,EAAc,MAAM,IAAI"}