<template>
  <div
    v-if="isLoading"
    class="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50"
  >
    <div class="animate-pulse">
      <div class="flex justify-center items-center py-10">
        <font-awesome-icon
          :icon="['fas', 'spinner']"
          spin-pulse
          size="2xl"
          style="color: #ffffff"
        />
      </div>
      <div class="text-white text-2xl">{{ loadingMessage }}</div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    isLoading: Boolean,
    loadingMessage: {
      type: String,
      default: '잠시만 기다려주세요..',
    },
  },
};
</script>
