function MainComponent() { const [prompt, setPrompt] = React.useState(""); const [images, setImages] = React.useState([]); const [loading, setLoading] = React.useState(false); const [imageCount, setImageCount] = React.useState(10); const [model, setModel] = React.useState("babe"); const [downloadingIndex, setDownloadingIndex] = React.useState(null); const downloadImage = async (url, filename)=>{ try { const response = await fetch(url); const blob = await response.blob(); const blobUrl = window.URL.createObjectURL(blob); const link = document.createElement("a"); link.href = blobUrl; link.download = filename; document.body.appendChild(link); link.click(); document.body.removeChild(link); window.URL.revokeObjectURL(blobUrl); } catch (error) { console.error("Download failed:", error); } }; const downloadAll = async ()=>{ setLoading(true); try { for(let i = 0; i < images.length; i++){ await downloadImage(images[i], `${model}-${i + 1}.png`); await new Promise((resolve)=>setTimeout(resolve, 100)); } } catch (error) { console.error(error); } setLoading(false); }; const generateImages = async ()=>{ setLoading(true); try { if (model === "babe") { const promises = Array(imageCount).fill().map(()=>fetch(`/integrations/stable-diffusion-v-3/?prompt=${encodeURIComponent(prompt)}&width=1024&height=1024`).then((res)=>res.json()).then((data)=>data.data[0])); const results = await Promise.all(promises); setImages(results); } else { const promises = Array(imageCount).fill().map(()=>fetch(`/integrations/dall-e-3/?prompt=${encodeURIComponent(prompt)}`).then((res)=>res.json()).then((data)=>data.data[0])); const results = await Promise.all(promises); setImages(results); } } catch (error) { console.error(error); } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen p-8 flex flex-col items-center relative ${model === "av" ? "bg-black" : "bg-[#000000]"}`, __source: { fileName: "", lineNumber: 76, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed top-8 left-8", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setImages([]); setPrompt(""); }, className: `px-6 py-2 rounded-lg bg-[#1A1A1A] border-2 hover:bg-[#2A2A2A] font-roboto transition duration-200 ${model === "av" ? "text-[#FF0000] border-[#FF0000]" : "text-[#D4AF37] border-[#D4AF37]"}`, __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-rotate-left mr-2", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }), "Reset")), /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-8xl md:text-9xl mb-12 text-center tracking-tight leading-none", style: { color: model === "babe" ? "#D4AF37" : "#FF0000" }, __source: { fileName: "", lineNumber: 97, columnNumber: 7 }, __self: this }, model === "babe" ? "BABE AI" : "AV"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-3xl flex flex-col gap-4", __source: { fileName: "", lineNumber: 103, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 justify-center mb-4", __source: { fileName: "", lineNumber: 104, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setModel("babe"), className: `px-6 py-2 rounded-lg ${model === "babe" ? "bg-[#1A1A1A] text-[#D4AF37] border-2 border-[#D4AF37]" : "bg-[#1A1A1A] text-[#FF0000]"} font-roboto`, __source: { fileName: "", lineNumber: 105, columnNumber: 11 }, __self: this }, "BABE AI"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setModel("av"), className: `px-6 py-2 rounded-lg ${model === "av" ? "bg-[#1A1A1A] text-[#FF0000] border-2 border-[#FF0000]" : "bg-[#1A1A1A] text-[#D4AF37]"} font-roboto`, __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }, "AV")), /*#__PURE__*/ React.createElement("input", { type: "text", value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: "Describe the image you want to create...", className: `w-full p-4 rounded-lg bg-[#1A1A1A] border-2 focus:outline-none font-roboto ${model === "av" ? "text-[#FF0000] border-[#FF0000] focus:border-[#FF0000] placeholder-[#FF0000]/70" : "text-[#D4AF37] border-[#D4AF37] focus:border-[#D4AF37] placeholder-[#D4AF37]/70"}`, __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 justify-center", __source: { fileName: "", lineNumber: 137, columnNumber: 9 }, __self: this }, [ 10, 50, 100 ].map((count)=>/*#__PURE__*/ React.createElement("button", { key: count, onClick: ()=>setImageCount(count), className: `px-6 py-2 rounded-lg ${imageCount === count ? `bg-[#1A1A1A] border-2 ${model === "av" ? "text-[#FF0000] border-[#FF0000]" : "text-[#D4AF37] border-[#D4AF37]"}` : `bg-[#1A1A1A] ${model === "av" ? "text-[#FF0000]" : "text-[#D4AF37]"}`} font-roboto`, __source: { fileName: "", lineNumber: 139, columnNumber: 13 }, __self: this }, count))), /*#__PURE__*/ React.createElement("button", { onClick: generateImages, disabled: loading || !prompt, className: `w-full p-4 rounded-lg bg-[#1A1A1A] border-2 hover:bg-[#2A2A2A] disabled:opacity-50 disabled:cursor-not-allowed font-roboto transition duration-200 ${model === "av" ? "text-[#FF0000] border-[#FF0000]" : "text-[#D4AF37] border-[#D4AF37]"}`, __source: { fileName: "", lineNumber: 158, columnNumber: 9 }, __self: this }, loading ? "Creating..." : "Generate Images"), images.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 170, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: downloadAll, disabled: loading, className: `w-full p-4 rounded-lg bg-[#1A1A1A] border-2 hover:bg-[#2A2A2A] font-roboto transition duration-200 disabled:opacity-50 disabled:cursor-not-allowed ${model === "av" ? "text-[#FF0000] border-[#FF0000]" : "text-[#D4AF37] border-[#D4AF37]"}`, __source: { fileName: "", lineNumber: 171, columnNumber: 13 }, __self: this }, loading ? "Downloading..." : "Download All Images")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 mt-8", __source: { fileName: "", lineNumber: 184, columnNumber: 9 }, __self: this }, images.map((image, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "relative group", __source: { fileName: "", lineNumber: 186, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image, alt: `AI generated image ${index + 1}`, className: `w-full h-full object-cover rounded-lg shadow-2xl border ${model === "av" ? "border-[#FF0000]" : "border-[#D4AF37]"}`, __source: { fileName: "", lineNumber: 187, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: async ()=>{ setDownloadingIndex(index); await downloadImage(image, `${model}-${index + 1}.png`); setDownloadingIndex(null); }, className: "absolute inset-0 flex items-center justify-center bg-black bg-opacity-50 opacity-0 group-hover:opacity-100 transition duration-200 rounded-lg cursor-pointer", __source: { fileName: "", lineNumber: 194, columnNumber: 15 }, __self: this }, downloadingIndex === index ? /*#__PURE__*/ React.createElement("i", { className: `fas fa-spinner fa-spin text-2xl ${model === "av" ? "text-[#FF0000]" : "text-[#D4AF37]"}`, __source: { fileName: "", lineNumber: 203, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: `fas fa-download text-2xl ${model === "av" ? "text-[#FF0000]" : "text-[#D4AF37]"}`, __source: { fileName: "", lineNumber: 209, columnNumber: 19 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-8 left-8 flex gap-4", __source: { fileName: "", lineNumber: 220, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://x.com/Babeinu", target: "_blank", rel: "noopener noreferrer", className: `hover:text-[#FFD700] transition-colors ${model === "av" ? "text-[#FF0000]" : "text-[#D4AF37]"}`, __source: { fileName: "", lineNumber: 221, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter text-2xl", __source: { fileName: "", lineNumber: 229, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.instagram.com/babeai_av/", target: "_blank", rel: "noopener noreferrer", className: `hover:text-[#FFD700] transition-colors ${model === "av" ? "text-[#FF0000]" : "text-[#D4AF37]"}`, __source: { fileName: "", lineNumber: 231, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-2xl", __source: { fileName: "", lineNumber: 239, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://discord.gg/5cHbKSp6", target: "_blank", rel: "noopener noreferrer", className: `hover:text-[#FFD700] transition-colors ${model === "av" ? "text-[#FF0000]" : "text-[#D4AF37]"}`, __source: { fileName: "", lineNumber: 241, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-discord text-2xl", __source: { fileName: "", lineNumber: 249, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://linktr.ee/Babe_finance", target: "_blank", rel: "noopener noreferrer", className: `hover:text-[#FFD700] transition-colors ${model === "av" ? "text-[#FF0000]" : "text-[#D4AF37]"}`, __source: { fileName: "", lineNumber: 251, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe text-2xl", __source: { fileName: "", lineNumber: 259, columnNumber: 11 }, __self: this })))); }