function MainComponent() { const [selectedTab, setSelectedTab] = React.useState('Schedule'); return /*#__PURE__*/ React.createElement("div", { className: "flex w-full", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/2 p-4", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "p-4", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "eventSearch", placeholder: "Search events...", className: "p-2 border border-gray-300 rounded-lg w-full font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("ul", { className: "list-none p-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, [ "Event 1", "Event 2", "Event 3", "Event 4", "Event 5" ].map((event, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "p-2 border-b border-gray-200 font-roboto", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, event))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between p-4", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-blue-500 text-white rounded font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Add event"), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-red-500 text-white rounded font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Delete"))), /*#__PURE__*/ React.createElement("div", { className: "w-1/2 p-4", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex mb-4 border-b font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "mr-6", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `pb-2 font-roboto ${selectedTab === 'Schedule' ? 'text-blue-500 border-b-2 border-blue-500' : 'text-gray-600'}`, onClick: ()=>setSelectedTab('Schedule'), __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Schedule")), /*#__PURE__*/ React.createElement("li", { className: "mr-6", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `pb-2 font-roboto ${selectedTab === 'Event Details' ? 'text-blue-500 border-b-2 border-blue-500' : 'text-gray-600'}`, onClick: ()=>setSelectedTab('Event Details'), __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Event Details")), /*#__PURE__*/ React.createElement("li", { className: "mr-6", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: `pb-2 font-roboto ${selectedTab === 'Materials' ? 'text-blue-500 border-b-2 border-blue-500' : 'text-gray-600'}`, onClick: ()=>setSelectedTab('Materials'), __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Materials"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-[300px]", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-full bg-gray-100 rounded-lg p-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, selectedTab === 'Schedule' && /*#__PURE__*/ React.createElement("div", { className: "h-full flex justify-around items-end font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, [ "Event 1", "Event 2", "Event 3", "Event 4", "Event 5" ].map((event, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "w-1/12 h-[50%] bg-blue-500 text-center text-white p-2", __source: { fileName: "", lineNumber: 57, columnNumber: 19 }, __self: this }, event))))))); }