<script setup lang="ts">
interface Props {
  resourceType: number
}
defineProps<Props>()
</script>

<template>
  <div class="icon-resource">
    <img src="@/assets/images/icon_mp4.png" v-if="resourceType === 2" />
    <img src="@/assets/images/icon_work.png" v-else-if="resourceType === 3" />
    <img src="@/assets/images/icon_exam.png" v-else-if="resourceType === 9" />
    <img src="@/assets/images/icon_doc.png" v-else />
    <!-- <img src="@/assets/images/icon_ppt.png" v-else-if="resourceType === 10" />
  <img src="@/assets/images/icon_rar.png" v-else-if="resourceType === 4" /> -->
  </div>
</template>

<style lang="scss">
.icon-resource {
  display: inline-block;
  img {
    margin-right: 10px;
    width: 14px;
  }
}
</style>
