function MainComponent() { const [schedule, setSchedule] = React.useState({ date: "", employee: "", task: "", checkIn: "", checkOut: "" }); const handleChange = (e)=>{ const { name, value } = e.target; setSchedule((prevSchedule)=>({ ...prevSchedule, [name]: value })); }; const handleSubmit = ()=>{ console.log("Saving schedule:", schedule); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-3xl mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, "人材のスケジュール管理"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "schedule-date", className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "スケジュール日付:"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "schedule-date", name: "date", className: "w-full p-2 border border-gray-300 rounded", value: schedule.date, onChange: handleChange, __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] mb-4", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "employee-name", className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "社員名:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "employee-name", name: "employee", className: "w-full p-2 border border-gray-300 rounded", value: schedule.employee, onChange: handleChange, __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "task-detail", className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "タスクの詳細:"), /*#__PURE__*/ React.createElement("textarea", { id: "task-detail", name: "task", className: "w-full p-2 border border-gray-300 rounded", rows: "4", value: schedule.task, onChange: handleChange, __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "check-in-time", className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, "出勤時間:"), /*#__PURE__*/ React.createElement("input", { type: "time", id: "check-in-time", name: "checkIn", className: "w-full p-2 border border-gray-300 rounded", value: schedule.checkIn, onChange: handleChange, __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "check-out-time", className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "退勤時間:"), /*#__PURE__*/ React.createElement("input", { type: "time", id: "check-out-time", name: "checkOut", className: "w-full p-2 border border-gray-300 rounded", value: schedule.checkOut, onChange: handleChange, __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 text-white font-roboto py-2 px-4 rounded hover:bg-blue-700", onClick: handleSubmit, __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, "スケジュールを保存")); }