<template>
  <i :iconClass="iconClass" :class="className" style='{color: color}' @click="handleClick"></i>
</template>
<script>
export default {
  name: 'mu-icon',
  props: {
    name: String,
    isMsg: Boolean,
    iconClass:String,
    color: String
  },
  methods: {
    handleClick (e) {
      this.$emit('click', e)
    }
  },
  computed: {
    className () { // compatible with old type param
      //return `Ionicons ion-${this.name}`;
      return `Ionicons m-sys-${this.name}`
    }
  }
}
</script>
