function MainComponent() { const [activeTab, setActiveTab] = React.useState('home'); const handleTabClick = (tab)=>{ setActiveTab(tab); }; const tabContent = ()=>{ switch(activeTab){ case 'home': return /*#__PURE__*/ React.createElement("div", { className: "p-4 text-center font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-2", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, "Welcome to the Institute of Policing Student Representatives!"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "As student representatives, we aim to amplify your voice and improve your academic experience. Explore the tabs to submit feedback, view the latest news and updates, and find key contacts at the university.")); case 'feedback': return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Feedback & Suggestions"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "feedback", className: "w-full p-3 border border-[#d1d5db] rounded-lg", rows: "5", placeholder: "Type your feedback here...", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-3 bg-[#0070f3] text-white rounded-md", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "Submit Feedback"))); case 'news': return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "News and Updates")); case 'contacts': return /*#__PURE__*/ React.createElement("div", { className: "p-4 font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "Key University Contacts")); default: return null; } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#003162] text-white", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex flex-wrap justify-center gap-1 bg-[#00509d]", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, [ 'home', 'feedback', 'news', 'contacts' ].map((tab)=>/*#__PURE__*/ React.createElement("button", { key: tab, className: `w-full sm:w-auto p-4 ${activeTab === tab ? 'bg-[#003162]' : ''}`, onClick: ()=>handleTabClick(tab), __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, tab.charAt(0).toUpperCase() + tab.slice(1)))), /*#__PURE__*/ React.createElement("div", { className: "pt-4", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, tabContent())); }