function MainComponent() { const [schedule, setSchedule] = React.useState({ lunchtime: '', teatime: '' }); const handleInputChange = (e)=>{ setSchedule({ ...schedule, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); console.log(schedule); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f7f7f7]", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 w-full max-w-md bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "mb-6 text-3xl font-bold text-center text-[#333] font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Meal Scheduler"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "lunchtime", className: "block text-lg text-[#555] font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Lunchtime"), /*#__PURE__*/ React.createElement("input", { type: "time", name: "lunchtime", id: "lunchtime", value: schedule.lunchtime, onChange: handleInputChange, className: "mt-1 block w-full px-3 py-2 bg-white border border-gray-300 rounded-md shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "teatime", className: "block text-lg text-[#555] font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, "Teatime"), /*#__PURE__*/ React.createElement("input", { type: "time", name: "teatime", id: "teatime", value: schedule.teatime, onChange: handleInputChange, className: "mt-1 block w-full px-3 py-2 bg-white border border-gray-300 rounded-md shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full px-4 py-2 text-lg font-semibold text-white bg-[#3490dc] rounded-md hover:bg-[#2779bd] focus:outline-none focus:ring-2 focus:ring-[#2563eb] focus:ring-opacity-50 font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Set Schedule"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, ` body { font-family: 'Roboto', sans-serif; } `)); }