From 382df1064e7967f8bd54a94ec6ff0a3608aa8c27 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 5 Sep 2025 10:19:59 -0300
Subject: [PATCH] Added nudges component

---
 frontend/src/app/chat/nudges.tsx | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 frontend/src/app/chat/nudges.tsx

diff --git a/frontend/src/app/chat/nudges.tsx b/frontend/src/app/chat/nudges.tsx
new file mode 100644
index 00000000..f817d4db
--- /dev/null
+++ b/frontend/src/app/chat/nudges.tsx
@@ -0,0 +1,27 @@
+export default function Nudges({
+  nudges,
+  handleSuggestionClick,
+}: {
+  nudges: string[];
+  handleSuggestionClick: (suggestion: string) => void;
+}) {
+  return (
+    <div className="flex-shrink-0 px-6 flex justify-center">
+      <div className="w-full max-w-[75%] relative">
+        <div className="flex gap-3 justify-start overflow-x-auto scrollbar-hide">
+          {nudges.map((suggestion: string, index: number) => (
+            <button
+              key={index}
+              onClick={() => handleSuggestionClick(suggestion)}
+              className="px-2 py-1.5 bg-muted hover:bg-muted/50 rounded-lg text-sm text-placeholder-foreground hover:text-foreground transition-colors whitespace-nowrap"
+            >
+              {suggestion}
+            </button>
+          ))}
+        </div>
+        {/* Fade out gradient on the right */}
+        <div className="absolute right-0 top-0 bottom-0 w-8 bg-gradient-to-l from-background to-transparent pointer-events-none"></div>
+      </div>
+    </div>
+  );
+}