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

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

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

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