<template>
  <div class="tag" :style="styleExtra">
    <EnHot :icon="icon" :text="text" themeColor="white"></EnHot>
    <slot></slot>
  </div>
</template>

<script>
import EnHot from "@packages/components/Enterprise/EnHot/src/index.vue";
export default {
  name: "EnTag",
  components: { EnHot },
  props: {
    icon: {
      type: String,
      default: "&#xe75a;",
    },
    text: {
      type: String,
      default: "",
    },
    themeColor: {
      type: String,
      default: "#1C9FFF",
    },
    styleExtra: {
      type: Object,
      default: () => {},
    },
  },
};
</script>

<style lang="scss" scoped>
.tag {
  width: j(40);
  height: j(17);
  border-radius: j(100);
  padding: j(2) j(5);
  box-sizing: content-box;
  background: linear-gradient(84.41deg, #ff8368 27.7%, #f8003b 111.63%);
}
</style>
