function MainComponent() { const [isLoggedIn, setIsLoggedIn] = React.useState(false); const [patientsData, setPatientsData] = React.useState(null); React.useEffect(()=>{ if (isLoggedIn) { fetch('/integrations/web-scraping/post', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: 'https://www.rehabmypatient.com/', return_text: false }) }).then((response)=>response.text()).then((data)=>{ setPatientsData([ { name: "John Doe", details: "Undergoing knee rehabilitation after a sports injury.", status: "🔄 In Progress" }, { name: "Jane Smith", details: "Receiving back pain therapy following a car accident.", status: "🔄 In Progress" }, { name: "Emily Johnson", details: "In the final stages of rehabilitation for a shoulder dislocation.", status: "🔔 Almost Finished" } ]); }); } }, [ isLoggedIn ]); const handleLogin = ()=>{ setIsLoggedIn(true); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col items-center justify-center bg-[#e6f4ea] font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, !isLoggedIn ? /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg shadow-md w-[320px]", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4 text-center text-[#333]", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Physiotherapy Login"), /*#__PURE__*/ React.createElement("button", { onClick: handleLogin, className: "w-full bg-[#34A853] text-white py-2 rounded hover:bg-[#0F9D58] transition duration-300", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Sign in")) : /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl mb-8 text-center text-[#333]", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "Rehabilitation Patients Index"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, patientsData && patientsData.map((patient, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white p-6 rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, patient.name), /*#__PURE__*/ React.createElement("p", { className: "text-[#666] mb-4", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, patient.details), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-[#34A853]", __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, patient.status)))))); }