function MainComponent() { const [user, setUser] = React.useState(null); const [role, setRole] = React.useState(null); const [appointments, setAppointments] = React.useState([]); const [reports, setReports] = React.useState([]); const handleLogin = (userRole)=>{ setUser({ name: "Test User" }); setRole(userRole); }; const dashboardContent = { admin: /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto font-bold", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Admin Dashboard"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Manage users, settings, and view reports")), doctor: /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto font-bold", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Doctor Dashboard"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "View and manage appointments, patient records, and treatment plans")), patient: /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-roboto font-bold", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Patient Dashboard"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Book appointments, view medical records, and manage payments")) }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex justify-center items-center bg-gray-100", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, !user ? /*#__PURE__*/ React.createElement("div", { className: "w-[300px] p-6 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-roboto font-bold mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "Login as:"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleLogin("admin"), className: "w-full mb-2 py-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Admin"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleLogin("doctor"), className: "w-full mb-2 py-2 bg-green-500 text-white rounded", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "Doctor"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleLogin("patient"), className: "w-full py-2 bg-teal-500 text-white rounded", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Patient")) : /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, dashboardContent[role])); }