function MainComponent() { const [city, setCity] = React.useState(""); const [university, setUniversity] = React.useState(""); const [image, setImage] = React.useState(""); React.useEffect(()=>{ fetch('/integrations/stable-diffusion/?prompt=an+image+of+two+asians+shaking+hands', { method: 'GET' }).then((response)=>response.json()).then((data)=>setImage(data.data[0])); }, []); const selectUniversity = (city)=>{ switch(city.toLowerCase()){ case "tokyo": return "University of Tokyo"; case "kyoto": return "Kyoto University"; case "osaka": return "Osaka University"; case "hokkaido": return "Hokkaido University"; case "tohoku": return "Tohoku University"; default: return "Please enter a valid city in Japan."; } }; const handleSubmit = (e)=>{ e.preventDefault(); const selectedUniversity = selectUniversity(city); setUniversity(selectedUniversity); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#E0E0E0]", __source: { fileName: "", lineNumber: 38, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 text-center", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, "Find Your Best-suited Japanese University for Chinese Students"), /*#__PURE__*/ React.createElement("img", { src: image, alt: "Two Asians shaking hands", className: "w-[200px] h-[200px] mx-auto my-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "city", className: "w-full px-4 py-2 border rounded", placeholder: "Preferred city in Japan", value: city, onChange: (e)=>setCity(e.target.value), __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-2 bg-red-500 text-white rounded", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Find University")), university && /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "Recommended University:"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, university)))); }