<template>
  <div class="icon-wrapper">
    <img :src="'/static/img/status/'+color+'.png'" alt="">
    <span>
      <slot></slot>
    </span>
  </div>
</template>

<script>
export default {
    props: {
        color: {
            type: String,
            default: 'normal'
        }
    },
    data () {
        return {
        };
    },
    methods: {

    }
};
</script>
<style lang="scss">
.icon-wrapper{
  display: flex;
  align-items: center;
  span{
    margin: 3px 0 0 5px;
  }
}
</style>
