function MainComponent() { const [username, setUsername] = useState(""); const [password, setPassword] = useState(""); const [hasJoined, setHasJoined] = useState(false); const [isMuted, setIsMuted] = useState(false); const [isDeafened, setIsDeafened] = useState(false); const [isVideoOn, setIsVideoOn] = useState(false); const [showVideo, setShowVideo] = useState(false); const [activeTab, setActiveTab] = useState("chat"); const [aiMessage, setAiMessage] = useState(""); const [aiMessages, setAiMessages] = useState([]); const [streamingMessage, setStreamingMessage] = useState(""); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ setAiMessages((prev)=>[ ...prev, { role: "assistant", content: message } ]); setStreamingMessage(""); } }); const [dailyNotice, setDailyNotice] = useState(""); const [showNotice, setShowNotice] = useState(false); const [showJoinNotification, setShowJoinNotification] = useState(false); const videoRef = useRef(null); const [profilePic, setProfilePic] = useState(""); const [upload, { loading }] = useUpload(); const [messages, setMessages] = useState([]); const [currentMessage, setCurrentMessage] = useState(""); const [videoFile, setVideoFile] = useState(null); const [onlineMembers] = useState([ { id: 1, name: "Luke Skywalker", image: "https://ucarecdn.com/05370cd2-f58b-4d7c-86f0-793baaffbfd8/", online: true }, { id: 2, name: "Leia Organa", image: "https://ucarecdn.com/ebb538cd-73b8-452d-b85a-ad2a38f0aed3/", online: true }, { id: 3, name: "Han Solo", image: "https://ucarecdn.com/05370cd2-f58b-4d7c-86f0-793baaffbfd8/", online: false } ]); const handleJoin = async (e)=>{ e.preventDefault(); if (username.trim() && password.trim() && profilePic) { if (password.trim() !== "Urmom69") { alert("Invalid password"); return; } const { url } = await upload({ file: profilePic }); setHasJoined(true); setShowJoinNotification(true); setTimeout(()=>setShowJoinNotification(false), 3000); localStorage.setItem("chatUsername", username); localStorage.setItem("chatPassword", password); localStorage.setItem("profilePicUrl", url); await fetch("/api/db/lego-chat-server-users", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `user_credentials` (`username`, `password`) VALUES (?, ?)", values: [ username, password ] }) }); } }; const handleSendMessage = async (e)=>{ e.preventDefault(); if (currentMessage.trim() || videoFile) { let videoUrl = ""; if (videoFile) { const { url } = await upload({ file: videoFile }); videoUrl = url; setVideoFile(null); } const newMessage = { text: currentMessage, sender: username, time: new Date().toISOString(), profilePic: localStorage.getItem("profilePicUrl"), video: videoUrl }; await fetch("/api/db/lego-chat-server-users", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `chat_messages` (`sender`, `message`, `profile_pic`, `video_url`) VALUES (?, ?, ?, ?)", values: [ username, currentMessage, localStorage.getItem("profilePicUrl"), videoUrl ] }) }); setCurrentMessage(""); } }; useEffect(()=>{ const savedUsername = localStorage.getItem("chatUsername"); const savedPassword = localStorage.getItem("chatPassword"); const savedMessages = localStorage.getItem("chatMessages"); if (savedUsername && savedPassword) { setUsername(savedUsername); setPassword(savedPassword); setHasJoined(true); } if (savedMessages) { setMessages(JSON.parse(savedMessages)); } fetch("/api/db/lego-chat-server-users", { method: "POST", body: JSON.stringify({ query: "CREATE TABLE IF NOT EXISTS `chat_messages` (`id` INTEGER PRIMARY KEY AUTOINCREMENT, `sender` TEXT, `message` TEXT, `profile_pic` TEXT, `video_url` TEXT, `created_at` TIMESTAMP DEFAULT CURRENT_TIMESTAMP);", values: [] }) }); const fetchMessages = async ()=>{ const response = await fetch("/api/db/lego-chat-server-users", { method: "POST", body: JSON.stringify({ query: "SELECT * FROM `chat_messages` ORDER BY `created_at` DESC LIMIT 50", values: [] }) }); const data = await response.json(); if (data.length > 0) { setMessages(data.reverse().map((msg)=>({ text: msg.message, sender: msg.sender, time: msg.created_at, profilePic: msg.profile_pic, video: msg.video_url }))); } }; const interval = setInterval(fetchMessages, 1000); return ()=>clearInterval(interval); }, []); useEffect(()=>{ const notices = [ "Breaking: New Star Wars series announced!", "Scientists discover new galaxy far, far away", "Latest lightsaber technology revealed", "Jedi training academy opens applications", "Storm troopers spotted at local convention", "New droid models hitting the market soon", "Mandalorian armor exhibition opens today", "Rebel alliance recruiting new pilots", "Galactic senate debates trade routes", "Podracer championship finals tomorrow" ]; setDailyNotice(notices[Math.floor(Math.random() * notices.length)]); }, []); useEffect(()=>{ if (isVideoOn && videoRef.current) { navigator.mediaDevices.getUserMedia({ video: true }).then((stream)=>{ videoRef.current.srcObject = stream; }).catch((err)=>console.error(err)); } else if (videoRef.current?.srcObject) { videoRef.current.srcObject.getTracks().forEach((track)=>track.stop()); videoRef.current.srcObject = null; } }, [ isVideoOn ]); const handleAiMessage = async (e)=>{ e.preventDefault(); if (!aiMessage.trim()) return; const newMessage = { role: "user", content: aiMessage }; setAiMessages((prev)=>[ ...prev, newMessage ]); setAiMessage(""); const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ ...aiMessages, newMessage ], stream: true }) }); handleStreamResponse(response); }; if (!hasJoined) { return /*#__PURE__*/ React.createElement("div", { className: "h-screen w-full relative flex items-center justify-center bg-[#1a1a1a]/60", __source: { fileName: "", lineNumber: 214, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('https://ucarecdn.com/ebb538cd-73b8-452d-b85a-ad2a38f0aed3/')] opacity-30 bg-cover bg-center", __source: { fileName: "", lineNumber: 215, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 bg-[#2a2a2a]/70 backdrop-blur-lg rounded-2xl p-8 shadow-2xl w-[90%] max-w-[400px] border-2 border-[#5d5d5d]/50", __source: { fileName: "", lineNumber: 216, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto mb-6 text-center text-white", __source: { fileName: "", lineNumber: 217, columnNumber: 11 }, __self: this }, "Welcome to Star Wars Chat!"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleJoin, className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 220, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "username", placeholder: "Enter your username", value: username, onChange: (e)=>setUsername(e.target.value), className: "p-4 border-2 rounded-xl focus:outline-none focus:ring-2 focus:ring-[#FFD700] bg-[#3d3d3d]/50 text-white placeholder-gray-400", __source: { fileName: "", lineNumber: 221, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Enter your password", value: password, onChange: (e)=>setPassword(e.target.value), className: "p-4 border-2 rounded-xl focus:outline-none focus:ring-2 focus:ring-[#FFD700] bg-[#3d3d3d]/50 text-white placeholder-gray-400", __source: { fileName: "", lineNumber: 229, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 text-white", __source: { fileName: "", lineNumber: 237, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", id: "remember", name: "remember", className: "w-4 h-4 rounded border-gray-300", __source: { fileName: "", lineNumber: 238, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "remember", __source: { fileName: "", lineNumber: 244, columnNumber: 15 }, __self: this }, "Remember me")), /*#__PURE__*/ React.createElement("input", { type: "file", name: "profilePic", accept: "image/*", onChange: (e)=>setProfilePic(e.target.files[0]), className: "p-4 border-2 rounded-xl focus:outline-none focus:ring-2 focus:ring-[#FFD700] bg-[#3d3d3d]/50 text-white file:bg-[#FFD700] file:border-0 file:rounded-xl file:px-4 file:py-2 file:text-black file:cursor-pointer", __source: { fileName: "", lineNumber: 246, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "bg-[#FFD700] hover:bg-[#FFC700] text-black font-bold py-3 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 253, columnNumber: 13 }, __self: this }, loading ? "Uploading..." : "Join Chat"), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "text-center text-[#FFD700] hover:text-[#FFC700] transition-colors", __source: { fileName: "", lineNumber: 260, columnNumber: 13 }, __self: this }, "Don't have an account? Sign up")))); } return /*#__PURE__*/ React.createElement("div", { className: "h-screen w-full relative overflow-hidden bg-[#1a1a1a]/60", __source: { fileName: "", lineNumber: 273, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-500 text-white text-center py-2 font-bold", __source: { fileName: "", lineNumber: 274, columnNumber: 7 }, __self: this }, "STILL UNDER CONSTRUCTION"), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('https://ucarecdn.com/05370cd2-f58b-4d7c-86f0-793baaffbfd8/')] opacity-30 bg-cover bg-center", __source: { fileName: "", lineNumber: 277, columnNumber: 7 }, __self: this }), showJoinNotification && /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 left-1/2 transform -translate-x-1/2 bg-white rounded-lg p-4 shadow-lg z-50 flex items-center gap-2", __source: { fileName: "", lineNumber: 279, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: localStorage.getItem("profilePicUrl"), alt: username, className: "w-8 h-8 rounded-full", __source: { fileName: "", lineNumber: 280, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 285, columnNumber: 11 }, __self: this }, username, " has joined the chat!"), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 rounded-full bg-green-500", __source: { fileName: "", lineNumber: 286, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 h-full p-4", __source: { fileName: "", lineNumber: 289, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto h-full flex flex-col", __source: { fileName: "", lineNumber: 290, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a2a]/70 backdrop-blur-lg rounded-t-2xl p-6 border-2 border-[#5d5d5d]/50 shadow-xl", __source: { fileName: "", lineNumber: 291, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 292, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 293, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto", __source: { fileName: "", lineNumber: 294, columnNumber: 17 }, __self: this }, "Welcome, ", username, "! 👋"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNotice(!showNotice), className: "bg-[#FFD700] hover:bg-[#FFC700] text-black px-4 py-2 rounded-lg", __source: { fileName: "", lineNumber: 295, columnNumber: 17 }, __self: this }, "Daily Notice"), showNotice && /*#__PURE__*/ React.createElement("div", { className: "absolute top-16 left-4 bg-white p-4 rounded-lg shadow-lg z-20", __source: { fileName: "", lineNumber: 302, columnNumber: 19 }, __self: this }, dailyNotice)), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3", __source: { fileName: "", lineNumber: 307, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mr-4", __source: { fileName: "", lineNumber: 308, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("chat"), className: `px-4 py-2 rounded-lg ${activeTab === "chat" ? "bg-[#FFD700] text-black" : "bg-[#3d3d3d] text-white"}`, __source: { fileName: "", lineNumber: 309, columnNumber: 19 }, __self: this }, "Chat"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("ai"), className: `px-4 py-2 rounded-lg ${activeTab === "ai" ? "bg-[#FFD700] text-black" : "bg-[#3d3d3d] text-white"}`, __source: { fileName: "", lineNumber: 315, columnNumber: 19 }, __self: this }, "AI Chat")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMuted(!isMuted), className: `p-2 rounded-full ${isMuted ? "bg-red-500" : "bg-green-500"}`, __source: { fileName: "", lineNumber: 322, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMuted ? "fa-microphone-slash" : "fa-microphone"} text-white`, __source: { fileName: "", lineNumber: 326, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDeafened(!isDeafened), className: `p-2 rounded-full ${isDeafened ? "bg-red-500" : "bg-green-500"}`, __source: { fileName: "", lineNumber: 330, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isDeafened ? "fa-volume-mute" : "fa-volume-up"} text-white`, __source: { fileName: "", lineNumber: 334, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setIsVideoOn(!isVideoOn); setShowVideo(!showVideo); }, className: `p-2 rounded-full ${isVideoOn ? "bg-red-500" : "bg-green-500"}`, __source: { fileName: "", lineNumber: 338, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isVideoOn ? "fa-video-slash" : "fa-video"} text-white`, __source: { fileName: "", lineNumber: 345, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 overflow-x-auto pb-2", __source: { fileName: "", lineNumber: 351, columnNumber: 13 }, __self: this }, onlineMembers.map((member)=>/*#__PURE__*/ React.createElement("div", { key: member.id, className: "flex items-center gap-2 min-w-max", __source: { fileName: "", lineNumber: 353, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 357, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: member.image, alt: member.name, className: "w-8 h-8 rounded-full object-cover", __source: { fileName: "", lineNumber: 358, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `absolute bottom-0 right-0 w-3 h-3 rounded-full border-2 border-white ${member.online ? "bg-green-500" : "bg-gray-500"}`, __source: { fileName: "", lineNumber: 363, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium", __source: { fileName: "", lineNumber: 367, columnNumber: 19 }, __self: this }, member.name))))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow bg-[#2a2a2a]/70 backdrop-blur-lg overflow-y-auto p-6 border-x-2 border-[#5d5d5d]/50 shadow-xl", __source: { fileName: "", lineNumber: 372, columnNumber: 11 }, __self: this }, activeTab === "chat" ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 374, columnNumber: 15 }, __self: this }, showVideo && /*#__PURE__*/ React.createElement("div", { className: "mb-4 relative", __source: { fileName: "", lineNumber: 376, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("video", { ref: videoRef, autoPlay: true, playsInline: true, className: "w-full max-h-[300px] object-cover rounded-lg", __source: { fileName: "", lineNumber: 377, columnNumber: 21 }, __self: this })), messages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex items-start gap-3 ${msg.sender === username ? "flex-row-reverse" : "flex-row"}`, __source: { fileName: "", lineNumber: 386, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: msg.profilePic, alt: `${msg.sender}'s profile`, className: "w-12 h-12 rounded-xl object-cover border-2 border-[#5d5d5d]/50", __source: { fileName: "", lineNumber: 390, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `max-w-[70%] rounded-lg p-3 ${msg.sender === username ? "bg-blue-500 text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 395, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-sm", __source: { fileName: "", lineNumber: 398, columnNumber: 23 }, __self: this }, msg.sender), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 399, columnNumber: 23 }, __self: this }, msg.text), msg.video && /*#__PURE__*/ React.createElement("video", { controls: true, className: "mt-2 rounded-lg w-full", __source: { fileName: "", lineNumber: 401, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: msg.video, type: "video/mp4", __source: { fileName: "", lineNumber: 402, columnNumber: 27 }, __self: this }), "Your browser does not support the video tag."), /*#__PURE__*/ React.createElement("div", { className: "text-xs opacity-75 mt-1", __source: { fileName: "", lineNumber: 406, columnNumber: 23 }, __self: this }, new Date(msg.time).toLocaleString()))))) : /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 414, columnNumber: 15 }, __self: this }, aiMessages.map((msg, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex items-start gap-2 ${msg.role === "user" ? "flex-row-reverse" : "flex-row"}`, __source: { fileName: "", lineNumber: 416, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-10 h-10 rounded-full flex items-center justify-center ${msg.role === "user" ? "bg-blue-500" : "bg-[#FFD700]"}`, __source: { fileName: "", lineNumber: 420, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${msg.role === "user" ? "fa-user" : "fa-robot"} ${msg.role === "user" ? "text-white" : "text-black"}`, __source: { fileName: "", lineNumber: 423, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: `max-w-[70%] rounded-lg p-3 ${msg.role === "user" ? "bg-blue-500 text-white" : "bg-gray-200"}`, __source: { fileName: "", lineNumber: 427, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 430, columnNumber: 23 }, __self: this }, msg.content)))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-2", __source: { fileName: "", lineNumber: 435, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-10 h-10 rounded-full flex items-center justify-center bg-[#FFD700]", __source: { fileName: "", lineNumber: 436, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-black", __source: { fileName: "", lineNumber: 437, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "max-w-[70%] rounded-lg p-3 bg-gray-200", __source: { fileName: "", lineNumber: 439, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 440, columnNumber: 23 }, __self: this }, streamingMessage))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#2a2a2a]/70 backdrop-blur-lg rounded-b-2xl p-6 border-2 border-[#5d5d5d]/50 shadow-xl", __source: { fileName: "", lineNumber: 447, columnNumber: 11 }, __self: this }, activeTab === "chat" ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleSendMessage, className: "flex flex-col gap-3", __source: { fileName: "", lineNumber: 449, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 453, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "message", value: currentMessage, onChange: (e)=>setCurrentMessage(e.target.value), placeholder: "Type your message...", className: "flex-grow p-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-400 bg-[#3d3d3d]/50 text-white placeholder-gray-400", __source: { fileName: "", lineNumber: 454, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#FFD700] text-black px-6 rounded-lg hover:bg-[#FFC700]", disabled: loading, __source: { fileName: "", lineNumber: 462, columnNumber: 19 }, __self: this }, loading ? "Sending..." : "Send")), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "video/*", onChange: (e)=>setVideoFile(e.target.files[0]), className: "p-4 border-2 rounded-xl bg-[#3d3d3d]/50 text-white file:bg-[#FFD700] file:border-0 file:rounded-xl file:px-4 file:py-2 file:text-black file:cursor-pointer", __source: { fileName: "", lineNumber: 470, columnNumber: 17 }, __self: this })) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleAiMessage, className: "flex gap-2", __source: { fileName: "", lineNumber: 478, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "aiMessage", value: aiMessage, onChange: (e)=>setAiMessage(e.target.value), placeholder: "Ask me anything...", className: "flex-grow p-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-400 bg-[#3d3d3d]/50 text-white placeholder-gray-400", __source: { fileName: "", lineNumber: 479, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#FFD700] text-black px-6 rounded-lg hover:bg-[#FFC700]", __source: { fileName: "", lineNumber: 487, columnNumber: 17 }, __self: this }, "Ask")))))); }