<script lang="ts" setup>
// #region --Props--.
withDefaults(defineProps<{
  isLoading: boolean;
  isInitialLoading?: boolean;
}>(), {
  isInitialLoading: 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>