<script setup lang="ts">
import { computed } from 'vue'
import { statusLabel, statusTagType } from '@/utils/status'

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

const tagInfo = computed(() => ({
  text: statusLabel(props.status),
  type: statusTagType(props.status),
}))
</script>

<template>
  <el-tag :type="tagInfo.type" size="small" effect="light">{{ tagInfo.text }}</el-tag>
</template>
