28 lines
821 B
TypeScript
28 lines
821 B
TypeScript
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;
|