diff --git a/src/elderly/components/EmergencySheet.tsx b/src/elderly/components/EmergencySheet.tsx new file mode 100644 index 0000000..e695847 --- /dev/null +++ b/src/elderly/components/EmergencySheet.tsx @@ -0,0 +1,75 @@ +import React from 'react'; +import { Phone, AlertCircle } from 'lucide-react'; + +interface EmergencySheetProps { + onContactFamily?: () => void; + onContactEmergency?: () => void; + onClose?: () => void; +} + +/** + * 紧急联络组件 + * 可通过底栏按钮或三击电源键唤起 + */ +export const EmergencySheet: React.FC = ({ + onContactFamily, + onContactEmergency, + onClose, +}) => { + return ( +
+
+ {/* 标题 */} +
+
+ +
+

+ 需要帮助吗? +

+

+ 别担心,我在这里陪着您 +

+
+ + {/* 主要操作按钮 */} +
+ + + +
+ + {/* 取消按钮 */} + {onClose && ( + + )} + + {/* 安抚文案 */} +
+

+ 如果您感到不舒服,请不要犹豫 +
+ 让家人或医生来帮助您 +

+
+
+
+ ); +};