function MainComponent() { const [appointments, setAppointments] = React.useState([]); const addAppointment = (event)=>{ event.preventDefault(); const formData = new FormData(event.currentTarget); const newAppointment = { title: formData.get('title'), date: formData.get('date'), time: formData.get('time') }; setAppointments([ ...appointments, newAppointment ]); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f0f0f0] min-h-screen", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto py-8", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-4xl text-center mb-6", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Agenda"), /*#__PURE__*/ React.createElement("form", { onSubmit: addAppointment, className: "max-w-md mx-auto mb-8", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "title", type: "text", placeholder: "Título do Compromisso", className: "border-2 border-[#000] w-full mb-4 p-2", required: true, __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "date", type: "date", className: "border-2 border-[#000] w-full mb-4 p-2", required: true, __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "time", type: "time", className: "border-2 border-[#000] w-full mb-4 p-2", required: true, __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#007BFF] text-white w-full py-2", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Adicionar Compromisso")), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "divide-y-2 divide-[#000]", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, appointments.map((appointment, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "py-4", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, appointment.title), /*#__PURE__*/ React.createElement("p", { className: "text-[#757575]", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, appointment.date, " às ", appointment.time))))))); }