function QuizBattleButton({ onClick }) { return /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded transition duration-300", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, "Start 1v1 Quiz Battle"); } function QuizBattleButtonStory() { const handleClick = ()=>{ console.log("Quiz battle started!"); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(QuizBattleButton, { onClick: handleClick, __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this })); } function MainComponent() { const [isLoggedIn, setIsLoggedIn] = React.useState(false); const [showLoginForm, setShowLoginForm] = React.useState(false); const [email, setEmail] = React.useState(''); const [password, setPassword] = React.useState(''); const handleLogin = (e)=>{ e.preventDefault(); // Here you would typically make an API call to authenticate the user // For this example, we'll just set isLoggedIn to true setIsLoggedIn(true); setShowLoginForm(false); }; const handleLogout = ()=>{ setIsLoggedIn(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-gradient-to-br from-blue-500 to-purple-600 font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-md p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-blue-700", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "MEDICONEET"), isLoggedIn ? /*#__PURE__*/ React.createElement("button", { onClick: handleLogout, className: "text-sm text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Logout") : /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowLoginForm(true), className: "text-sm text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "Login")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow flex flex-col items-center justify-center p-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, showLoginForm ? /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl p-8 max-w-md w-full", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-6 text-center", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, "Login to MEDICONEET"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleLogin, className: "space-y-4", __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 39, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", name: "password", placeholder: "Password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 48, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded transition duration-300", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this }, "Login"))) : /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-xl p-8 max-w-md w-full", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-6 text-center", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, "Welcome to MEDICONEET"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded transition duration-300", __source: { fileName: "", lineNumber: 67, columnNumber: 15 }, __self: this }, "Start 1v1 Quiz Battle"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded transition duration-300", __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this }, "Practice Solo"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-yellow-500 hover:bg-yellow-600 text-white font-bold py-2 px-4 rounded transition duration-300", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, "View Leaderboard"), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-purple-500 hover:bg-purple-600 text-white font-bold py-2 px-4 rounded transition duration-300", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, "My Profile")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-white shadow-md p-4 text-center", __source: { fileName: "", lineNumber: 87, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, "Free 7-day trial • ₹50/month after"))); }