feat: Fallsensors

components/main/fall-detection-sensors/FallSensors.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+// components/main/fall-detection-sensors/FallSensors.tsx
+const FallSensors = () => {
+  const sensors = [
+    { id: "KVZ1", status: "inactive" },
+    { id: "KVZ2", status: "active" },
+    { id: "KVZ3", status: "active" },
+    { id: "KVZ4", status: "active" },
+  ];
+
+  return (
+    <div className="flex gap-1 p-1  border rounded bg-gray-200">
+      {sensors.map((sensor) => (
+        <div key={sensor.id} className="flex flex-col items-center gap-1">
+          <span className="text-[0.5rem]">{sensor.id}</span>
+          <div
+            className={`w-4 h-4 flex items-center justify-center rounded-full border ${
+              sensor.status === "active" ? "bg-green-400" : "bg-red-400"
+            }`}
+          ></div>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default FallSensors;