function MainComponent() { const [fallRiskData, setFallRiskData] = React.useState({ hasFallen: false, timestamp: null }); const handleFallDetection = ()=>{ setFallRiskData({ hasFallen: true, timestamp: new Date().toLocaleString() }); }; const resetFallData = ()=>{ setFallRiskData({ hasFallen: false, timestamp: null }); }; const fallStatus = fallRiskData.hasFallen ? `Fall detected at ${fallRiskData.timestamp}` : 'No fall detected'; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f7f7f7] p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-xl font-semibold text-[#333] py-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "Fall Risk Monitoring"), /*#__PURE__*/ React.createElement("div", { className: "flex-1 w-full max-w-md mx-auto", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline", type: "button", onClick: handleFallDetection, __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "Detect Fall"), /*#__PURE__*/ React.createElement("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline ml-2", type: "button", onClick: resetFallData, __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Reset Status"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 border-t border-gray-200", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-md font-roboto text-[#333]", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, fallStatus)))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, ` @keyframes pulse { 0% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.5); opacity: 1; } } `), /*#__PURE__*/ React.createElement("div", { className: `w-12 h-12 rounded-full ${fallRiskData.hasFallen ? 'bg-red-600 animate-pulse' : 'bg-green-500'}`, style: { animation: 'pulse 1s infinite alternate' }, __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this })); }