<template>
  <div class="uif-tag" :class="classes"><slot>{{value}}</slot></div>
</template>

<script>
import {oneOf} from '@uif/hq/src/utils/assist'

export default {
  name: 'u-tag',
  components: {
  },
  props: {
    type: {
      validator (value) {
        return oneOf(value, ['symbol', 'state'])
      },
      default: 'symbol'
    },
    value: {
      type: String,
      default: ''
    }
  },
  computed: {
    classes () {
      return [
        this.type
      ]
    }
  }
}
</script>
