function AiArtDisplay({ imageUrl, isLoading }) { const imageDisplay = imageUrl ? /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "AI generated image of a naked girl in a transparent pool", className: "max-w-[400px] mx-auto rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "text-center p-4 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-lg font-bold", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, "Loading Image"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "Please wait while the image is being prepared.")); return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#f5f5f5]", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, imageDisplay); } function AiArtDisplayStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AiArtDisplay, { imageUrl: null, isLoading: true, __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(AiArtDisplay, { imageUrl: "path_to_image.jpg", isLoading: false, __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this })); } function MainComponent() { const [imageUrl, setImageUrl] = React.useState(''); const [isLoading, setIsLoading] = React.useState(true); React.useEffect(()=>{ fetch('/integrations/stable-diffusion/?prompt=ню+девушка+в+прозрачном+бассейне').then((response)=>response.json()).then((data)=>{ setImageUrl(data.data[0]); setIsLoading(false); }); }, []); return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#f0f0f0]", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AiArtDisplay, { imageUrl: imageUrl, isLoading: isLoading, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this })); }