From 5865b242b751d0e4600bf8095502e61271a5b305 Mon Sep 17 00:00:00 2001
From: Dima Rifai <dima.rifai@gmail.com>
Date: Thu, 23 Jan 2025 12:51:52 +0200
Subject: [PATCH] Issue #433 - Create NoResult Component

---
 components/NoResults.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 components/NoResults.tsx

diff --git a/components/NoResults.tsx b/components/NoResults.tsx
new file mode 100644
index 00000000..0f863110
--- /dev/null
+++ b/components/NoResults.tsx
@@ -0,0 +1,28 @@
+import { Search } from "lucide-react"; // Importing Lucide React for icons
+import React from "react";
+
+interface NoResultsProps {
+  title?: string;
+  description?: string;
+
+}
+
+const NoResults: React.FC<NoResultsProps> = ({
+  title = "No Results Found",
+  description = "We couldn’t find anything matching your search. Try refining your filters or starting a new search.",
+
+}) => {
+  return (
+    <div className="mt-2 flex flex-col items-center justify-center bg-theme p-6 w-full text-center space-y-3">
+      <div className="flex items-center justify-center w-12 h-12 bg-explorer-bg-start rounded-full">
+        <Search className="w-6 h-6" />
+      </div>
+      <h2 className="text-xl font-semibold">
+        {title}
+      </h2>
+      <p className="text-sm">{description}</p>     
+    </div>
+  );
+};
+
+export default NoResults;
-- 
GitLab