function MainComponent() { const [prompt, setPrompt] = useState(""); const [response, setResponse] = useState(""); const [loading, setLoading] = useState(false); const [model, setModel] = useState("gpt-4"); const [error, setError] = useState(null); const [favorites, setFavorites] = useState([]); const generateText = async ()=>{ setLoading(true); setError(null); try { let endpoint = ""; switch(model){ case "gpt-4": endpoint = `/integrations/chatgpt/?prompt=${encodeURIComponent(prompt)}`; break; case "gemini": endpoint = `/integrations/gemini/?prompt=${encodeURIComponent(prompt)}`; break; case "claude": endpoint = `/integrations/claude/?prompt=${encodeURIComponent(prompt)}`; break; } const response = await fetch(endpoint); const data = await response.json(); setResponse(data.text || data.content || data.response); } catch (err) { setError("Failed to generate text. Please try again."); } setLoading(false); }; const sendToImageGenerator = ()=>{ window.location.href = `/image-generator?prompt=${encodeURIComponent(response)}`; }; const toggleFavorite = ()=>{ if (favorites.includes(response)) { setFavorites(favorites.filter((f)=>f !== response)); } else { setFavorites([ ...favorites, response ]); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#0A192F] via-[#112240] to-[#0A192F]", __source: { fileName: "", lineNumber: 47, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-16", __source: { fileName: "", lineNumber: 48, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-8", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center text-[#64FFDA] hover:opacity-80 transition-opacity", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Back to Tools"))), /*#__PURE__*/ React.createElement("h1", { className: "text-5xl md:text-7xl font-bold text-[#64FFDA] mb-12 text-center font-poppins", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "Text Generator"), /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6 mb-8", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#112240] p-6 rounded-lg border border-[#64FFDA] text-gray-300", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#64FFDA] text-xl mb-4 font-poppins", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#64FFDA] mr-2", __source: { fileName: "", lineNumber: 70, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 71, columnNumber: 19 }, __self: this }, "Generate detailed text responses")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#64FFDA] mr-2", __source: { fileName: "", lineNumber: 76, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 77, columnNumber: 19 }, __self: this }, "Get optimized image generation prompts")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#64FFDA] mr-2", __source: { fileName: "", lineNumber: 82, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 83, columnNumber: 19 }, __self: this }, "One-click send to image generator")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 87, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#64FFDA] mr-2", __source: { fileName: "", lineNumber: 88, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 89, columnNumber: 19 }, __self: this }, "Save favorite prompts")))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: model, onChange: (e)=>setModel(e.target.value), className: "w-full bg-[#112240] text-gray-300 px-6 py-4 rounded-lg font-roboto border border-[#64FFDA] focus:outline-none", name: "model", __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "gpt-4", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, "ChatGPT (GPT-4)"), /*#__PURE__*/ React.createElement("option", { value: "gemini", __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this }, "Google Gemini"), /*#__PURE__*/ React.createElement("option", { value: "claude", __source: { fileName: "", lineNumber: 102, columnNumber: 17 }, __self: this }, "Anthropic Claude")))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4 mb-8", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: "Enter your prompt...", className: "bg-[#112240] text-gray-300 px-6 py-4 rounded-lg font-roboto border border-[#64FFDA] min-h-[150px] focus:outline-none focus:ring-2 focus:ring-[#64FFDA]", name: "prompt", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: generateText, disabled: loading || !prompt, className: "bg-[#112240] text-[#64FFDA] border-2 border-[#64FFDA] px-8 py-4 rounded-lg font-bold hover:bg-[#64FFDA] hover:text-[#112240] transition-colors duration-300 disabled:opacity-50", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot mr-2", __source: { fileName: "", lineNumber: 123, columnNumber: 17 }, __self: this }), loading ? "Generating..." : "Generate")), error && /*#__PURE__*/ React.createElement("div", { className: "mb-8 p-4 bg-red-500/10 border border-red-500 rounded-lg", __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-red-400 font-roboto", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }, error)), response && /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#64FFDA] rounded-3xl blur-3xl opacity-20 animate-pulse", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "bg-[#112240] p-6 rounded-lg border border-[#64FFDA] relative", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("pre", { className: "text-gray-300 font-roboto whitespace-pre-wrap break-words", __source: { fileName: "", lineNumber: 139, columnNumber: 17 }, __self: this }, response), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mt-4", __source: { fileName: "", lineNumber: 142, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: sendToImageGenerator, className: "flex-1 bg-[#112240] text-[#64FFDA] border-2 border-[#64FFDA] px-4 py-2 rounded-lg font-bold hover:bg-[#64FFDA] hover:text-[#112240] transition-colors duration-300", __source: { fileName: "", lineNumber: 143, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-image mr-2", __source: { fileName: "", lineNumber: 147, columnNumber: 21 }, __self: this }), "Use as Image Prompt"), /*#__PURE__*/ React.createElement("button", { onClick: toggleFavorite, className: "bg-[#112240] text-[#64FFDA] border-2 border-[#64FFDA] px-4 py-2 rounded-lg font-bold hover:bg-[#64FFDA] hover:text-[#112240] transition-colors duration-300", __source: { fileName: "", lineNumber: 150, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${favorites.includes(response) ? "heart" : "heart-o"} mr-2`, __source: { fileName: "", lineNumber: 154, columnNumber: 21 }, __self: this }), favorites.includes(response) ? "Saved" : "Save")))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 165, columnNumber: 7 }, __self: this }, ` @keyframes pulse { 0% { opacity: 0.1; } 50% { opacity: 0.3; } 100% { opacity: 0.1; } } .animate-pulse { animation: pulse 3s infinite; } `)); }