<template>
  <text @click="click" :class="['cuIcon', 'cuIcon-' + type, color ? 'text-' + color : '', shadow ? 'text-shadow' : '']">
    <slot></slot>
  </text>
</template>

<script>
export default {
  name: 'l-icon',

  props: {
    color: {},
    type: { require: true },
    shadow: {}
  },

  methods: {
    click(e) {
      this.$emit('click', e)
    }
  }
}
</script>
