<template>
  <span :class="cls">
    <i v-if="type === 'validating'" class="el-icon-loading"></i>
    <i v-else-if="type === 'success'" class="el-icon-success"></i>
    <i v-else-if="type === 'warning'" class="el-icon-warning"></i>
    <i v-else-if="type === 'error'" class="el-icon-error"></i>
  </span>
</template>

<script>
export default {
  name: 'FeedbackIcon',
  props: {
    type: {
      type: String,
    },
  },
  computed: {
    cls() {
      return `el-status-${this.type}`
    }
  }
}
</script>
