function MainComponent() { const [meetings, setMeetings] = React.useState([]); const [newMeeting, setNewMeeting] = React.useState({ title: '', date: '', time: '', description: '' }); const handleInputChange = (event)=>{ const { name, value } = event.target; setNewMeeting({ ...newMeeting, [name]: value }); }; const addMeeting = (event)=>{ event.preventDefault(); if (newMeeting.title && newMeeting.date && newMeeting.time) { setMeetings([ ...meetings, newMeeting ]); setNewMeeting({ title: '', date: '', time: '', description: '' }); } }; const deleteMeeting = (index)=>{ const newMeetings = meetings.filter((_, i)=>i !== index); setMeetings(newMeetings); }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f7f7f7] py-10 px-3 sm:px-5", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded p-6", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Manage Meetings"), /*#__PURE__*/ React.createElement("form", { onSubmit: addMeeting, className: "mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold", htmlFor: "title", __source: { fileName: "", lineNumber: 31, columnNumber: 17 }, __self: this }, "Title:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "title", name: "title", value: newMeeting.title, onChange: handleInputChange, className: "shadow border rounded w-full py-2 px-3 text-gray-700", required: true, __source: { fileName: "", lineNumber: 32, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 42, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 43, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold", htmlFor: "date", __source: { fileName: "", lineNumber: 44, columnNumber: 19 }, __self: this }, "Date:"), /*#__PURE__*/ React.createElement("input", { type: "date", id: "date", name: "date", value: newMeeting.date, onChange: handleInputChange, className: "shadow border rounded w-full py-2 px-3 text-gray-700", required: true, __source: { fileName: "", lineNumber: 45, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold", htmlFor: "time", __source: { fileName: "", lineNumber: 56, columnNumber: 19 }, __self: this }, "Time:"), /*#__PURE__*/ React.createElement("input", { type: "time", id: "time", name: "time", value: newMeeting.time, onChange: handleInputChange, className: "shadow border rounded w-full py-2 px-3 text-gray-700", required: true, __source: { fileName: "", lineNumber: 57, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2 text-sm font-bold", htmlFor: "description", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, "Description:"), /*#__PURE__*/ React.createElement("textarea", { id: "description", name: "description", value: newMeeting.description, onChange: handleInputChange, className: "shadow border rounded w-full py-2 px-3 text-gray-700", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, "Add Meeting")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, "Upcoming Meetings"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 84, columnNumber: 15 }, __self: this }, meetings.map((meeting, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "bg-gray-100 p-4 rounded shadow", __source: { fileName: "", lineNumber: 86, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold", __source: { fileName: "", lineNumber: 87, columnNumber: 21 }, __self: this }, meeting.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 88, columnNumber: 21 }, __self: this }, meeting.date, " at ", meeting.time), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 89, columnNumber: 21 }, __self: this }, meeting.description), /*#__PURE__*/ React.createElement("button", { onClick: ()=>deleteMeeting(index), className: "text-red-500 hover:text-red-700 font-bold py-1 px-3 border border-red-500 hover:border-red-700 rounded", __source: { fileName: "", lineNumber: 90, columnNumber: 21 }, __self: this }, "🗑️ Delete")))), meetings.length === 0 && /*#__PURE__*/ React.createElement("p", { className: "text-gray-500", __source: { fileName: "", lineNumber: 100, columnNumber: 17 }, __self: this }, "No meetings scheduled.")))))); }