function MainComponent() { const [isModalOpen, setIsModalOpen] = React.useState(false); const [imagePrompt, setImagePrompt] = React.useState(''); const [generatedImageUrl, setGeneratedImageUrl] = React.useState(''); const handleAuthButtonClick = ()=>{ setIsModalOpen(true); }; const closeModal = ()=>{ setIsModalOpen(false); }; const handleGenerateImage = ()=>{ fetch(`/integrations/stable-diffusion/?prompt=${encodeURIComponent(imagePrompt)}`, { method: 'GET' }).then((response)=>response.json()).then((data)=>{ if (data && data.data.length > 0) { setGeneratedImageUrl(data.data[0]); } }); }; let modalContent = isModalOpen ? /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-30 flex items-center justify-center", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg shadow-lg w-[400px]", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto text-[#212121]", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Strava Sign In"), /*#__PURE__*/ React.createElement("button", { onClick: closeModal, className: "text-lg font-roboto text-[#212121] cursor-pointer", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "×")), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-[#656565] mb-6", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, "Log in to Strava to continue."), /*#__PURE__*/ React.createElement("a", { href: "https://www.strava.com/oauth/mobile/authorize", className: "bg-[#fc4c02] hover:bg-[#fb6d2d] text-white font-roboto py-2 px-4 rounded-lg transition duration-300 inline-block", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "Login with Strava"))) : null; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-row items-stretch min-h-screen", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center w-1/2 bg-[#f5f5f5] p-10", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto text-[#212121] mb-8", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Connect with Strava"), /*#__PURE__*/ React.createElement("button", { onClick: handleAuthButtonClick, className: "bg-[#fc4c02] hover:bg-[#fb6d2d] text-white font-roboto py-2 px-4 rounded-lg shadow-lg transition duration-300 ease-in-out", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-strava mr-2", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }), " Authenticate with Strava"), /*#__PURE__*/ React.createElement("input", { type: "text", className: "mt-4 p-2 w-full border rounded", placeholder: "Enter description for image generation", value: imagePrompt, onChange: (e)=>setImagePrompt(e.target.value), __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "mt-2 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", onClick: handleGenerateImage, __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "Generate Image"), generatedImageUrl && /*#__PURE__*/ React.createElement("img", { src: generatedImageUrl, alt: "Generated visual content", className: "mt-4 max-w-full rounded", __source: { fileName: "", lineNumber: 65, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-1/2", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: generatedImageUrl || "/person-running-road-greenery.jpg", alt: "Person running on a road surrounded by greenery", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this })), modalContent); }