<template>
  <img
    :src="loadingImg"
    alt=""
    class="loading-spinner-image"
    :style="{ width: size, height: size, margin }"
  />
</template>

<script setup>
import loadingImg from '@/assets/icon/Azizi/loading.webp'

defineProps({
  size: {
    type: String,
    default: '80px',
  },
  margin: {
    type: String,
    default: '0 auto 12px',
  },
})
</script>

<style scoped>
.loading-spinner-image {
  position: relative;
  z-index: 1;
  display: block;
  object-fit: contain;
}
</style>
