<script lang="ts" setup>
// #region --Props--.
defineProps({
  isLoading: {
    type: Boolean,
    required: true,
    nullable: false,
  },
  isInitialLoading: {
    type: Boolean,
    required: false,
    nullable: false,
    default: false,
  },
});
// #endregion
</script>

<template>
  <section
    v-if="isLoading && !isInitialLoading"
    class="flex justify-center mt-8"
  >
    <div class="w-10 h-10 border-4 border-primary border-t-transparent rounded-full animate-spin" />
  </section>
</template>

<style scoped></style>