function MainComponent() { const handleMessageSubmit = async (event)=>{ event.preventDefault(); const message = event.target.message.value; await fetch('/api/db/test-960', { method: 'POST', body: JSON.stringify({ query: "INSERT INTO `messages` (`content`) VALUES (?)", values: [ message ] }) }); event.target.reset(); }; const handleUserSubmit = async (event)=>{ event.preventDefault(); const name = event.target.name.value; const email = event.target.email.value; await fetch('/api/db/test-960', { method: 'POST', body: JSON.stringify({ query: "INSERT INTO `users` (`name`, `email`) VALUES (?, ?)", values: [ name, email ] }) }); event.target.reset(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-[200px] flex flex-col items-center justify-center m-5 p-5 border-2 border-[#ccc] rounded-lg", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, "メッセージフォーム"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleMessageSubmit, className: "flex flex-col w-full max-w-md", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "message", className: "border rounded p-2 mb-4", placeholder: "メッセージを入力してください...", required: true, __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 text-white font-bold py-2 px-4 rounded hover:bg-blue-700 transition duration-200", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "送信")), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-crimson-text mt-6 mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, "ユーザーフォーム"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleUserSubmit, className: "flex flex-col w-full max-w-md", __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "name", type: "text", className: "border rounded p-2 mb-4", placeholder: "名前を入力してください...", required: true, __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "email", type: "email", className: "border rounded p-2 mb-4", placeholder: "メールを入力してください...", required: true, __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-green-500 text-white font-bold py-2 px-4 rounded hover:bg-green-700 transition duration-200", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "送信"))); }