function MainComponent() { const [formData, setFormData] = React.useState({ name: '', email: '', usagePeriod: '', usagePurpose: '', receipts: [], csvFile: null }); const handleChange = (event)=>{ const { name, value } = event.target; setFormData({ ...formData, [name]: value }); }; const handleFileChange = (event)=>{ const { name, files } = event.target; setFormData({ ...formData, [name]: files }); }; const handleSubmit = (event)=>{ event.preventDefault(); // Implement submit logic here }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-[#f5f5f5] w-full p-5", __source: { fileName: "", lineNumber: 27, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleChange, placeholder: "氏名", className: "p-2 border rounded w-full", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, placeholder: "メールアドレス", className: "p-2 border rounded w-full", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "text", name: "usagePeriod", value: formData.usagePeriod, onChange: handleChange, placeholder: "利用期間", className: "p-2 border rounded w-full", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "usagePurpose", value: formData.usagePurpose, onChange: handleChange, placeholder: "利用目的", className: "p-2 border rounded w-full", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "p-2", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "領収書添付：", /*#__PURE__*/ React.createElement("input", { type: "file", name: "receipts", multiple: true, onChange: handleFileChange, className: "p-2 border rounded w-full", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("label", { className: "p-2", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "利用時間のCSVファイル：", /*#__PURE__*/ React.createElement("input", { type: "file", name: "csvFile", onChange: handleFileChange, className: "p-2 border rounded w-full", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "p-2 bg-blue-500 text-white rounded w-full", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, "送信"))); }