function MainComponent() { const [server, setServer] = React.useState(''); const [port, setPort] = React.useState(''); const [username, setUsername] = React.useState(''); const [password, setPassword] = React.useState(''); const [file, setFile] = React.useState(null); const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(); formData.append('server', server); formData.append('port', port); formData.append('username', username); formData.append('password', password); formData.append('file', file); const response = await fetch('/upload', { method: 'POST', body: formData }); if (response.ok) { alert('ファイルがアップロードされました'); } else { alert('アップロードに失敗しました'); } }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-gray-100", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-4 font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, "FTPアップローダー"), /*#__PURE__*/ React.createElement("form", { className: "bg-white p-6 rounded shadow-md w-[400px]", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto", htmlFor: "server", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "サーバー"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "server", className: "w-full px-3 py-2 border rounded shadow-sm focus:outline-none focus:ring focus:border-blue-300", value: server, onChange: (e)=>setServer(e.target.value), __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto", htmlFor: "port", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "ポート"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "port", className: "w-full px-3 py-2 border rounded shadow-sm focus:outline-none focus:ring focus:border-blue-300", value: port, onChange: (e)=>setPort(e.target.value), __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto", htmlFor: "username", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "ユーザー名"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "username", className: "w-full px-3 py-2 border rounded shadow-sm focus:outline-none focus:ring focus:border-blue-300", value: username, onChange: (e)=>setUsername(e.target.value), __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto", htmlFor: "password", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "パスワード"), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", className: "w-full px-3 py-2 border rounded shadow-sm focus:outline-none focus:ring focus:border-blue-300", value: password, onChange: (e)=>setPassword(e.target.value), __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2 font-roboto", htmlFor: "file", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "ファイル"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "file", className: "w-full px-3 py-2 border rounded shadow-sm focus:outline-none focus:ring focus:border-blue-300", onChange: (e)=>setFile(e.target.files[0]), __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-500 text-white py-2 rounded font-roboto hover:bg-blue-600", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "アップロード"))); }