function MainComponent() { const [isPvPEnabled, setIsPvPEnabled] = React.useState(true); const togglePvP = ()=>setIsPvPEnabled(!isPvPEnabled); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f8f9fa]", __source: { fileName: "", lineNumber: 6, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "mb-4 text-3xl font-bold font-roboto text-[#212529]", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, "Multiplayer Game Lobby"), /*#__PURE__*/ React.createElement("button", { className: `mb-4 px-6 py-2 rounded-md font-roboto transition duration-300 ${isPvPEnabled ? 'bg-[#198754] text-white' : 'bg-[#dc3545] text-white'}`, onClick: togglePvP, __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, isPvPEnabled ? 'Disable PvP' : 'Enable PvP'), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 w-full max-w-4xl p-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center bg-white border p-4 rounded-md shadow-sm", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Player 1"), /*#__PURE__*/ React.createElement("div", { className: "mt-2 font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Status: ", isPvPEnabled ? '🛡️ Ready to battle' : '🚫 PvP is off')), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center bg-white border p-4 rounded-md shadow-sm", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Player 2"), /*#__PURE__*/ React.createElement("div", { className: "mt-2 font-roboto", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Status: ", isPvPEnabled ? '🛡️ Ready to battle' : '🚫 PvP is off')))); }