function MainComponent() { const [currentTab, setCurrentTab] = React.useState('schedule'); const handleTabChange = (tab)=>()=>{ setCurrentTab(tab); }; const isSchedule = currentTab === 'schedule'; const isScore = currentTab === 'score'; const isRegistration = currentTab === 'registration'; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-[#F8FAFC] to-[#E2E8F0]", __source: { fileName: "", lineNumber: 10, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-lg", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-2 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between h-16", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0 flex items-center", __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "block lg:hidden h-8 w-auto", src: "/logo-small.png", alt: "EduSoftWeb Alternative Small Logo", __source: { fileName: "", lineNumber: 16, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("img", { className: "hidden lg:block h-8 w-auto", src: "/logo-wide.png", alt: "EduSoftWeb Alternative Wide Logo", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "sm:ml-6 sm:flex sm:space-x-8", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleTabChange('schedule'), className: `border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium ${isSchedule ? 'border-[#0EA5E9] text-[#0EA5E9]' : ''}`, __source: { fileName: "", lineNumber: 21, columnNumber: 15 }, __self: this }, "View Schedule"), /*#__PURE__*/ React.createElement("button", { onClick: handleTabChange('score'), className: `border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium ${isScore ? 'border-[#0EA5E9] text-[#0EA5E9]' : ''}`, __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }, "Score"), /*#__PURE__*/ React.createElement("button", { onClick: handleTabChange('registration'), className: `border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium ${isRegistration ? 'border-[#0EA5E9] text-[#0EA5E9]' : ''}`, __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, "Course Registration"))))), /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, isSchedule ? 'View Schedule' : isScore ? 'Scores' : 'Course Registration'))), /*#__PURE__*/ React.createElement("main", { className: "flex flex-col md:flex-row gap-4 max-w-7xl mx-auto py-6 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 41, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `md:w-1/3 bg-white p-4 shadow rounded-lg ${!isSchedule ? 'hidden' : ''}`, __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "divide-y divide-gray-200 mt-3", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: `md:w-2/3 bg-white p-4 shadow rounded-lg ${!isScore ? 'hidden' : ''}`, __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `bg-white p-4 shadow rounded-lg w-full md:w-2/3 ${!isRegistration ? 'hidden' : ''}`, __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { className: "mt-4", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this })))); }