From 8736941aa1e0d14a680f9534858813dc9ac23bd7 Mon Sep 17 00:00:00 2001
From: Bubka <858858+Bubka@users.noreply.github.com>
Date: Thu, 5 Oct 2023 14:03:00 +0200
Subject: [PATCH] Set up a Spinner component

---
 resources/js_vue3/components/Spinner.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 resources/js_vue3/components/Spinner.vue

diff --git a/resources/js_vue3/components/Spinner.vue b/resources/js_vue3/components/Spinner.vue
new file mode 100644
index 00000000..ee23d252
--- /dev/null
+++ b/resources/js_vue3/components/Spinner.vue
@@ -0,0 +1,19 @@
+<script setup>
+    const props = defineProps({
+        isVisible: Boolean,
+        type: {
+            type: String,
+            default: 'inline'
+        },
+    })
+</script>
+
+<template>
+    <div v-if="isVisible">
+        <div v-if="type == 'inline'" class="has-text-centered mt-6">
+            <span id="icnSpinner" class="is-size-4">
+                <FontAwesomeIcon :icon="['fas', 'spinner']" spin />
+            </span>
+        </div>
+    </div>
+</template>
\ No newline at end of file