<template>
  <text :class="`wl_enum_tag wl_tag_size_${size} hs_${type}`" :style="props?.styleObj">
    {{ props?.Enums?.[props.value]?.text }}
  </text>
</template>
<script setup lang="ts">
const props = defineProps(['Enums', 'value', 'type', 'size', 'styleObj'])
</script>
<style scoped lang="scss">
.wl_enum_tag {
  padding: 3rpx 13rpx;
  border-radius: 6rpx;
}

.hs_primary {
  color: #0082fa;
  background: #f7faff;
}

.hs_green {
  color: #00b75f;
  background: rgba(131, 250, 12, 0.1);
}
.hs_orange {
  color: #ffa113;
  background: #fff4e4;
}
</style>
