function MainComponent() { const [summary, setSummary] = React.useState(""); const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const globalStock = formData.get("global-stock"); const analysisResult = await fetch("https://api.example.com/analyzeInvestment", { method: "POST", body: JSON.stringify({ globalStock }), headers: { 'Content-Type': 'application/json' } }).then((response)=>response.json()); setSummary(analysisResult.summary); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-gradient-to-r from-[#60a5fa] to-[#9333ea]", __source: { fileName: "", lineNumber: 21, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/90 shadow-2xl p-10 rounded-3xl w-[95%] max-w-5xl space-y-6", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-5xl mb-4 text-center text-[#292524]", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "投資判断"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "global-stock", className: "font-roboto text-3xl text-[#292524] block mb-2", __source: { fileName: "", lineNumber: 26, columnNumber: 13 }, __self: this }, "全世界の株価"), /*#__PURE__*/ React.createElement("input", { id: "global-stock", name: "global-stock", type: "text", className: "w-full p-4 border-gray-400 border rounded-lg focus:outline-none focus:ring-4 focus:ring-[#60a5fa] shadow-md", placeholder: "会社名または株式コード", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#60a5fa] text-white py-3 px-8 rounded-lg hover:bg-[#3b82f6] transition ease-in-out duration-150 shadow-md", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "投資利回りの分析"))), summary && /*#__PURE__*/ React.createElement("div", { className: "bg-white/95 p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-3xl text-[#292524] mb-3", __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this }, "最適な投資先とその理由"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-xl text-[#292524]", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, summary)))); }