function MainComponent() { const [formData, setFormData] = React.useState({ title: "", promptText: "", negativePrompt: "", model: "", category: "" }); const [imageFile, setImageFile] = React.useState(null); const [imagePreview, setImagePreview] = React.useState(null); const [errors, setErrors] = React.useState({}); const [isSubmitting, setIsSubmitting] = React.useState(false); const [submitSuccess, setSubmitSuccess] = React.useState(false); const [upload, { loading: uploadLoading }] = useUpload(); const models = [ "Midjourney", "DALL-E", "Stable Diffusion", "FLUX", "Sora", "Veo" ]; const categories = [ "portraits", "photography", "anime", "fantasy", "sci-fi", "abstract", "landscape", "character", "concept-art", "digital-art", "video" ]; const handleInputChange = (field, value)=>{ setFormData((prev)=>({ ...prev, [field]: value })); if (errors[field]) { setErrors((prev)=>({ ...prev, [field]: "" })); } }; const handleImageChange = (e)=>{ const file = e.target.files[0]; if (file) { setImageFile(file); const reader = new FileReader(); reader.onload = (e)=>{ setImagePreview(e.target.result); }; reader.readAsDataURL(file); if (errors.image) { setErrors((prev)=>({ ...prev, image: "" })); } } }; const isVideoModel = formData.model === "Sora" || formData.model === "Veo"; const isVideoCategory = formData.category === "video"; const validateForm = ()=>{ const newErrors = {}; if (!formData.title.trim()) { newErrors.title = "Title is required"; } if (!formData.promptText.trim()) { newErrors.promptText = "Prompt text is required"; } if (!formData.model) { newErrors.model = "Model selection is required"; } if (!formData.category) { newErrors.category = "Category selection is required"; } if (!imageFile) { newErrors.image = "Image upload is required"; } setErrors(newErrors); return Object.keys(newErrors).length === 0; }; const handleSubmit = async (e)=>{ e.preventDefault(); if (!validateForm()) { return; } setIsSubmitting(true); try { const { url: imageUrl, error: uploadError } = await upload({ file: imageFile }); if (uploadError) { setErrors({ submit: "Failed to upload image. Please try again." }); setIsSubmitting(false); return; } const response = await fetch("/api/create-prompt", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ title: formData.title, promptText: formData.promptText, negativePrompt: formData.negativePrompt || null, imageUrl: imageUrl, model: formData.model, category: formData.category }) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const result = await response.json(); if (result.success) { setSubmitSuccess(true); setFormData({ title: "", promptText: "", negativePrompt: "", model: "", category: "" }); setImageFile(null); setImagePreview(null); } else { setErrors({ submit: result.error || "Failed to create prompt" }); } } catch (error) { console.error("Error creating prompt:", error); setErrors({ submit: "An error occurred while creating the prompt. Please try again." }); } finally{ setIsSubmitting(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-white font-inter", __source: { fileName: "", lineNumber: 170, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white text-black px-4 py-3 flex items-center justify-between", __source: { fileName: "", lineNumber: 172, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-6", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 174, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-6 h-6 bg-black rounded", __source: { fileName: "", lineNumber: 175, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 176, columnNumber: 13 }, __self: this }, "PromptHero")), /*#__PURE__*/ React.createElement("a", { href: "/community", className: "flex items-center space-x-1 text-sm hover:text-black", __source: { fileName: "", lineNumber: 178, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users text-gray-500", __source: { fileName: "", lineNumber: 182, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 183, columnNumber: 13 }, __self: this }, "Community")), /*#__PURE__*/ React.createElement("a", { href: "/academy", className: "flex items-center space-x-1 text-sm hover:text-black", __source: { fileName: "", lineNumber: 185, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap text-gray-500", __source: { fileName: "", lineNumber: 189, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 190, columnNumber: 13 }, __self: this }, "Academy"), /*#__PURE__*/ React.createElement("span", { className: "bg-yellow-400 text-black px-2 py-0.5 rounded text-xs font-bold", __source: { fileName: "", lineNumber: 191, columnNumber: 13 }, __self: this }, "NEW")), /*#__PURE__*/ React.createElement("a", { href: "/create", className: "flex items-center space-x-1 text-sm font-medium", __source: { fileName: "", lineNumber: 195, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus text-black", __source: { fileName: "", lineNumber: 199, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-black", __source: { fileName: "", lineNumber: 200, columnNumber: 13 }, __self: this }, "Create"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 203, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-gray-600 hover:text-black", __source: { fileName: "", lineNumber: 204, columnNumber: 11 }, __self: this }, "Log in"), /*#__PURE__*/ React.createElement("button", { className: "bg-black text-white px-4 py-2 rounded hover:bg-gray-800", __source: { fileName: "", lineNumber: 205, columnNumber: 11 }, __self: this }, "Sign Up"))), /*#__PURE__*/ React.createElement("main", { className: "max-w-4xl mx-auto p-6", __source: { fileName: "", lineNumber: 212, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 213, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 214, columnNumber: 11 }, __self: this }, "Create New Prompt"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 215, columnNumber: 11 }, __self: this }, "Share your AI art prompt with the community")), submitSuccess && /*#__PURE__*/ React.createElement("div", { className: "bg-green-900 text-green-100 p-4 rounded mb-6", __source: { fileName: "", lineNumber: 221, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 222, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle", __source: { fileName: "", lineNumber: 223, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 224, columnNumber: 15 }, __self: this }, "Prompt created successfully! It will appear in the community feed.")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSubmitSuccess(false), className: "mt-2 text-green-300 hover:text-green-100 underline", __source: { fileName: "", lineNumber: 229, columnNumber: 13 }, __self: this }, "Create another prompt")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 238, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 240, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 241, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 243, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 244, columnNumber: 17 }, __self: this }, "Title ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 245, columnNumber: 25 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "title", value: formData.title, onChange: (e)=>handleInputChange("title", e.target.value), placeholder: "Enter a descriptive title for your prompt", className: "w-full bg-gray-900 border border-gray-700 rounded px-4 py-3 text-white placeholder-gray-400 focus:border-orange-500 focus:outline-none", __source: { fileName: "", lineNumber: 247, columnNumber: 17 }, __self: this }), errors.title && /*#__PURE__*/ React.createElement("p", { className: "text-red-400 text-sm mt-1", __source: { fileName: "", lineNumber: 256, columnNumber: 19 }, __self: this }, errors.title)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 261, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 262, columnNumber: 17 }, __self: this }, "Prompt Text ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 263, columnNumber: 31 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("textarea", { name: "promptText", value: formData.promptText, onChange: (e)=>handleInputChange("promptText", e.target.value), placeholder: "Enter your detailed prompt text here...", rows: 4, className: "w-full bg-gray-900 border border-gray-700 rounded px-4 py-3 text-white placeholder-gray-400 focus:border-orange-500 focus:outline-none resize-vertical", __source: { fileName: "", lineNumber: 265, columnNumber: 17 }, __self: this }), errors.promptText && /*#__PURE__*/ React.createElement("p", { className: "text-red-400 text-sm mt-1", __source: { fileName: "", lineNumber: 276, columnNumber: 19 }, __self: this }, errors.promptText)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 283, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 284, columnNumber: 17 }, __self: this }, "Negative Prompt", " ", /*#__PURE__*/ React.createElement("span", { className: "text-gray-500", __source: { fileName: "", lineNumber: 286, columnNumber: 19 }, __self: this }, "(Optional)")), /*#__PURE__*/ React.createElement("textarea", { name: "negativePrompt", value: formData.negativePrompt, onChange: (e)=>handleInputChange("negativePrompt", e.target.value), placeholder: "Enter what you want to avoid in the generated image...", rows: 3, className: "w-full bg-gray-900 border border-gray-700 rounded px-4 py-3 text-white placeholder-gray-400 focus:border-orange-500 focus:outline-none resize-vertical", __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 301, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 302, columnNumber: 17 }, __self: this }, "AI Model ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 303, columnNumber: 28 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("select", { name: "model", value: formData.model, onChange: (e)=>handleInputChange("model", e.target.value), className: "w-full bg-gray-900 border border-gray-700 rounded px-4 py-3 text-white focus:border-orange-500 focus:outline-none", __source: { fileName: "", lineNumber: 305, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 311, columnNumber: 19 }, __self: this }, "Select a model"), models.map((model)=>/*#__PURE__*/ React.createElement("option", { key: model, value: model, __source: { fileName: "", lineNumber: 313, columnNumber: 21 }, __self: this }, model))), errors.model && /*#__PURE__*/ React.createElement("p", { className: "text-red-400 text-sm mt-1", __source: { fileName: "", lineNumber: 319, columnNumber: 19 }, __self: this }, errors.model)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 324, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 325, columnNumber: 17 }, __self: this }, "Category ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 326, columnNumber: 28 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("select", { name: "category", value: formData.category, onChange: (e)=>handleInputChange("category", e.target.value), className: "w-full bg-gray-900 border border-gray-700 rounded px-4 py-3 text-white focus:border-orange-500 focus:outline-none", __source: { fileName: "", lineNumber: 328, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 336, columnNumber: 19 }, __self: this }, "Select a category"), categories.map((category)=>/*#__PURE__*/ React.createElement("option", { key: category, value: category, __source: { fileName: "", lineNumber: 338, columnNumber: 21 }, __self: this }, category.charAt(0).toUpperCase() + category.slice(1).replace("-", " ")))), errors.category && /*#__PURE__*/ React.createElement("p", { className: "text-red-400 text-sm mt-1", __source: { fileName: "", lineNumber: 345, columnNumber: 19 }, __self: this }, errors.category)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 350, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 351, columnNumber: 17 }, __self: this }, "Generated Image ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 352, columnNumber: 35 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "border-2 border-dashed border-gray-700 rounded-lg p-6 text-center hover:border-gray-600 transition-colors", __source: { fileName: "", lineNumber: 354, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: handleImageChange, className: "hidden", id: "image-upload", __source: { fileName: "", lineNumber: 355, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "image-upload", className: "cursor-pointer", __source: { fileName: "", lineNumber: 362, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 363, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cloud-upload-alt text-3xl text-gray-400", __source: { fileName: "", lineNumber: 364, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 365, columnNumber: 23 }, __self: this }, "Click to upload or drag and drop"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 368, columnNumber: 23 }, __self: this }, "PNG, JPG, GIF up to 10MB")))), errors.image && /*#__PURE__*/ React.createElement("p", { className: "text-red-400 text-sm mt-1", __source: { fileName: "", lineNumber: 375, columnNumber: 19 }, __self: this }, errors.image)), /*#__PURE__*/ React.createElement("div", { className: "pt-4", __source: { fileName: "", lineNumber: 380, columnNumber: 15 }, __self: this }, errors.submit && /*#__PURE__*/ React.createElement("div", { className: "bg-red-900 text-red-100 p-3 rounded mb-4", __source: { fileName: "", lineNumber: 382, columnNumber: 19 }, __self: this }, errors.submit), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting || uploadLoading, className: "w-full bg-orange-500 hover:bg-orange-600 disabled:bg-gray-600 disabled:cursor-not-allowed text-white font-medium py-3 rounded transition-colors", __source: { fileName: "", lineNumber: 387, columnNumber: 17 }, __self: this }, isSubmitting || uploadLoading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center space-x-2", __source: { fileName: "", lineNumber: 393, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 394, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 395, columnNumber: 23 }, __self: this }, "Creating Prompt...")) : "Create Prompt")))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 406, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 407, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 408, columnNumber: 15 }, __self: this }, "Preview"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-900 rounded-lg p-6 border border-gray-700", __source: { fileName: "", lineNumber: 409, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 411, columnNumber: 17 }, __self: this }, imagePreview ? /*#__PURE__*/ React.createElement("img", { src: imagePreview, alt: "Preview of uploaded image", className: "w-full rounded-lg max-h-64 object-cover", __source: { fileName: "", lineNumber: 413, columnNumber: 21 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "w-full h-48 bg-gray-800 rounded-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 419, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-500", __source: { fileName: "", lineNumber: 420, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-image text-3xl mb-2", __source: { fileName: "", lineNumber: 421, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 422, columnNumber: 25 }, __self: this }, "Image preview will appear here")))), /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold mb-2", __source: { fileName: "", lineNumber: 429, columnNumber: 17 }, __self: this }, formData.title || "Your prompt title will appear here"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 mb-4", __source: { fileName: "", lineNumber: 434, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-6 h-6 bg-gray-600 rounded-full", __source: { fileName: "", lineNumber: 435, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 436, columnNumber: 19 }, __self: this }, "Your Username"), /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 437, columnNumber: 19 }, __self: this }, "•"), /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-500", __source: { fileName: "", lineNumber: 438, columnNumber: 19 }, __self: this }, formData.model || "Model")), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 444, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 445, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-medium text-gray-300 mb-1", __source: { fileName: "", lineNumber: 446, columnNumber: 21 }, __self: this }, "Prompt"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 p-3 rounded text-sm", __source: { fileName: "", lineNumber: 449, columnNumber: 21 }, __self: this }, formData.promptText || "Your prompt text will appear here...")), formData.negativePrompt && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 456, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-medium text-gray-300 mb-1", __source: { fileName: "", lineNumber: 457, columnNumber: 23 }, __self: this }, "Negative Prompt"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 p-3 rounded text-sm", __source: { fileName: "", lineNumber: 460, columnNumber: 23 }, __self: this }, formData.negativePrompt))), formData.category && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 469, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "inline-block bg-orange-500 text-white px-2 py-1 rounded text-xs", __source: { fileName: "", lineNumber: 470, columnNumber: 21 }, __self: this }, formData.category.charAt(0).toUpperCase() + formData.category.slice(1).replace("-", " "))))), /*#__PURE__*/ React.createElement("div", { className: "bg-blue-900 bg-opacity-50 rounded-lg p-4 border border-blue-700", __source: { fileName: "", lineNumber: 480, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium mb-2 flex items-center space-x-2", __source: { fileName: "", lineNumber: 481, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb text-yellow-400", __source: { fileName: "", lineNumber: 482, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 483, columnNumber: 17 }, __self: this }, "Tips for Great Prompts")), /*#__PURE__*/ React.createElement("ul", { className: "text-sm text-gray-300 space-y-1", __source: { fileName: "", lineNumber: 485, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 486, columnNumber: 17 }, __self: this }, "• Be specific and descriptive in your prompt text"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 487, columnNumber: 17 }, __self: this }, "• Include style, lighting, and composition details"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 488, columnNumber: 17 }, __self: this }, "• Use negative prompts to avoid unwanted elements"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 489, columnNumber: 17 }, __self: this }, "• Choose the most appropriate category for discovery"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 490, columnNumber: 17 }, __self: this }, "• Upload high-quality generated images"))))))); }