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;