function MainComponent() { const [events, setEvents] = React.useState([]); const [people, setPeople] = React.useState([]); const [currentPage, setCurrentPage] = React.useState('events'); const [newEventName, setNewEventName] = React.useState(''); const [newEventRoles, setNewEventRoles] = React.useState(''); const [newPersonName, setNewPersonName] = React.useState(''); const [newPersonRoles, setNewPersonRoles] = React.useState(''); function addEvent() { const roles = newEventRoles.split(',').map((role)=>role.trim()); setEvents([ ...events, { name: newEventName, roles } ]); setNewEventName(''); setNewEventRoles(''); } function addPerson() { const roles = newPersonRoles.split(',').map((role)=>role.trim()); setPeople([ ...people, { name: newPersonName, roles } ]); setNewPersonName(''); setNewPersonRoles(''); } function generateSchedule(event) { const assignedRoles = {}; const schedule = event.roles.map((role)=>{ const availablePerson = people.find((person)=>person.roles.includes(role) && !Object.values(assignedRoles).includes(person.name)); if (availablePerson) { assignedRoles[role] = availablePerson.name; return { role, person: availablePerson.name }; } return { role, person: 'Unassigned' }; }); alert(JSON.stringify(schedule)); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col items-center font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-blue-500 text-white w-full p-4 text-xl", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, "Event Scheduling Tool"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 my-4", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage('events'), className: "bg-blue-500 text-white px-4 py-2", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "Events"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage('people'), className: "bg-blue-500 text-white px-4 py-2", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, "People")), currentPage === 'events' && /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, "Schedule Events"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Event Name", name: "eventName", value: newEventName, onChange: (e)=>setNewEventName(e.target.value), className: "w-full p-2 border border-gray-300 rounded mb-2", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Roles (comma separated)", name: "eventRoles", value: newEventRoles, onChange: (e)=>setNewEventRoles(e.target.value), className: "w-full p-2 border border-gray-300 rounded mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: addEvent, className: "bg-green-500 text-white px-4 py-2 w-full", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Add Event")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, events.map((event, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border p-4 mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }, event.name), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 72, columnNumber: 17 }, __self: this }, "Roles: ", event.roles.join(', ')), /*#__PURE__*/ React.createElement("button", { onClick: ()=>generateSchedule(event), className: "bg-yellow-500 text-white px-4 py-2 w-full", __source: { fileName: "", lineNumber: 73, columnNumber: 17 }, __self: this }, "Generate Schedule"))))), currentPage === 'people' && /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, "Add People"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Person Name", name: "personName", value: newPersonName, onChange: (e)=>setNewPersonName(e.target.value), className: "w-full p-2 border border-gray-300 rounded mb-2", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Roles (comma separated)", name: "personRoles", value: newPersonRoles, onChange: (e)=>setNewPersonRoles(e.target.value), className: "w-full p-2 border border-gray-300 rounded mb-2", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: addPerson, className: "bg-green-500 text-white px-4 py-2 w-full", __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, "Add Person")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, people.map((person, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border p-4 mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }, person.name), /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 105, columnNumber: 17 }, __self: this }, "Roles: ", person.roles.join(', '))))))); }