function MainComponent() { const handleSubmit = (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const data = Object.fromEntries(formData.entries()); console.log(data); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f7f7f7] p-6", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto bg-white p-8 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "経費入力"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "expenseName", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "経費名"), /*#__PURE__*/ React.createElement("input", { name: "expenseName", className: "w-full px-3 py-2 border rounded", type: "text", placeholder: "経費名を入力", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "amount", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "金額"), /*#__PURE__*/ React.createElement("input", { name: "amount", className: "w-full px-3 py-2 border rounded", type: "number", placeholder: "金額を入力", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "date", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, "日付"), /*#__PURE__*/ React.createElement("input", { name: "date", className: "w-full px-3 py-2 border rounded", type: "date", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 text-sm font-bold mb-2", htmlFor: "category", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "カテゴリー"), /*#__PURE__*/ React.createElement("select", { name: "category", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "travel", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "トラベル"), /*#__PURE__*/ React.createElement("option", { value: "meals", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "食事"), /*#__PURE__*/ React.createElement("option", { value: "supplies", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }, "消耗品"), /*#__PURE__*/ React.createElement("option", { value: "others", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }, "その他"))), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-500 text-white py-2 rounded font-bold hover:bg-blue-700", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "送信")))); }