<template>
  <span class="iii-icon">
    <img :src="require(`./images/${type}.png`)" alt="">
  </span>
</template>

<script setup>
defineProps({ type: { default: '' } })
</script>

<style scoped lang="scss">
.iii-icon {
  width: 1em;
  height: 1em;
  display: inline-block;

  img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }
}
</style>