function MainComponent() { const [image, setImage] = React.useState(''); const [logo, setLogo] = React.useState(''); React.useEffect(()=>{ fetch('/integrations/stable-diffusion/?prompt=anubis,videogame,character&width=1024&height=1024', { method: 'GET' }).then((response)=>response.json()).then((data)=>{ if (data && data.data.length > 0) { setImage(data.data[0]); } }); fetch('/integrations/stable-diffusion/?prompt=anubis,videogame,logo&width=256&height=256', { method: 'GET' }).then((response)=>response.json()).then((data)=>{ if (data && data.data.length > 0) { setLogo(data.data[0]); } }); }, []); return /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-screen bg-[#121212]", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-sm p-8 bg-[#232323] rounded-lg shadow-md relative", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image, alt: "Anubis from a videogame", className: "w-full h-[250px] rounded-md object-cover", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("img", { src: logo, alt: "Logo for Anubis", className: "absolute top-4 right-4 w-12 h-12", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("form", { __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "username", className: "block mb-2 text-sm font-bold text-[#ffffff]", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Username"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "username", name: "username", className: "w-full p-4 rounded-md text-sm placeholder-[#aaaaaa] bg-[#333333] text-[#ffffff] border-none", placeholder: "Your username", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block mb-2 text-sm font-bold text-[#ffffff]", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { type: "password", id: "password", name: "password", className: "w-full p-4 rounded-md text-sm placeholder-[#aaaaaa] bg-[#333333] text-[#ffffff] border-none", placeholder: "Your password", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-4 bg-[#e50914] text-sm font-bold text-[#ffffff] rounded-md hover:bg-[#f6121d] transition-colors", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Log In"))))); }