function MainComponent() { const handleSubmit = async (event)=>{ event.preventDefault(); const location = "現在地情報"; // Replace this with actual location fetching logic if implemented const formData = new FormData(event.target); const analysisResults = await fetch('/api/analyze-images', { method: 'POST', body: formData }).then((response)=>response.json()); const shareData = { location, angler: formData.get('angler'), fishSpecies: analysisResults.fishSpecies, lureType: analysisResults.lureType }; await fetch('/api/share-catch', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(shareData) }); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 max-w-screen-lg mx-auto bg-blue-100", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4 text-blue-900", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, "🐟 明石釣り天国"), /*#__PURE__*/ React.createElement("div", { className: "bg-blue-200 p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-blue-700 font-semibold mb-2", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "釣り人"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "angler", className: "shadow appearance-none border rounded w-full py-2 px-3 text-blue-700 leading-tight focus:outline-none focus:shadow-outline", placeholder: "例：太郎", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-blue-700 font-semibold mb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "釣った魚の写真"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "fishPhoto", className: "block w-full text-sm text-blue-700 border border-blue-300 rounded-lg cursor-pointer p-2", accept: "image/*", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-blue-700 font-semibold mb-2", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "使用したルアーの写真"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "lurePhoto", className: "block w-full text-sm text-blue-700 border border-blue-300 rounded-lg cursor-pointer p-2", accept: "image/*", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full mt-4 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "共有する")))); }