function MainComponent() { const [currentTab, setCurrentTab] = React.useState('contact'); const handleTabChange = (tabName)=>{ setCurrentTab(tabName); }; let content; switch(currentTab){ case 'contact': content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen space-y-6", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-full max-w-md p-3 border rounded font-roboto", type: "text", placeholder: "Enter your name", name: "contact_name", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { className: "w-full max-w-md p-3 border rounded font-roboto", placeholder: "Enter your message", rows: "4", name: "contact_message", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "px-6 py-2 text-white bg-black rounded font-roboto", type: "button", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Send")); break; case 'gps': content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen space-y-6", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-3 border rounded font-roboto", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, "Your current location:"), /*#__PURE__*/ React.createElement("p", { className: "text-[#555555]", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, "Fetching GPS data..."))); break; case 'news': content = /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-between h-screen", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("article", { className: "w-full max-w-md p-3 border-b font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 43, columnNumber: 13 }, __self: this }, "Latest News Title"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-[#555555]", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, "Some brief news description...")), /*#__PURE__*/ React.createElement("button", { className: "px-6 py-2 mt-4 text-white bg-black rounded font-roboto", type: "button", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, "Load More")); break; case 'videochat': content = /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center h-screen", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-3 border rounded font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "flex items-center justify-center w-full p-4 text-white bg-black rounded", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-video mr-2", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }), "Start Video Chat"))); break; default: content = /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }); } return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 67, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#F0F0F0]", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-around p-4", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: `cursor-pointer ${currentTab === 'contact' ? 'text-black' : 'text-gray-500'}`, onClick: ()=>handleTabChange('contact'), __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("li", { className: `cursor-pointer ${currentTab === 'gps' ? 'text-black' : 'text-gray-500'}`, onClick: ()=>handleTabChange('gps'), __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "GPS"), /*#__PURE__*/ React.createElement("li", { className: `cursor-pointer ${currentTab === 'news' ? 'text-black' : 'text-gray-500'}`, onClick: ()=>handleTabChange('news'), __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "News"), /*#__PURE__*/ React.createElement("li", { className: `cursor-pointer ${currentTab === 'videochat' ? 'text-black' : 'text-gray-500'}`, onClick: ()=>handleTabChange('videochat'), __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "Video Chat"))), content); }