From e796e963f3191604a13182a7500b474336b4d429 Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <contact@kamilcraft.com>
Date: Wed, 1 Jun 2022 12:16:52 +0200
Subject: [PATCH] #150 - added base for empty states

---
 resources/js/Shared/Feedbacks/EmptyState.vue | 21 ++++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 resources/js/Shared/Feedbacks/EmptyState.vue

diff --git a/resources/js/Shared/Feedbacks/EmptyState.vue b/resources/js/Shared/Feedbacks/EmptyState.vue
new file mode 100644
index 0000000..4467e65
--- /dev/null
+++ b/resources/js/Shared/Feedbacks/EmptyState.vue
@@ -0,0 +1,21 @@
+<template>
+  <div class="text-center my-5">
+    <slot name="head">
+      <SearchIcon class="mx-auto w-12 h-12" />
+    </slot>
+    <h3 class="mt-2 text-sm font-medium">
+      <slot name="title">
+        No search result
+      </slot>
+    </h3>
+    <p class="text-sm text-gray-500">
+      <slot name="text">
+        Try a different search query
+      </slot>
+    </p>
+  </div>
+</template>
+
+<script setup>
+import { SearchIcon } from '@heroicons/vue/solid'
+</script>