import { useSightingList } from "../../hooks/useSightingList";

const VideoFeed = () => {
  const { sightingList } = useSightingList();
  console.log(sightingList);
  return (
    <div>
      {sightingList.map((sighting) => (
        <div key={sighting.ref} className="border p-2 mb-2">
          <div>Ref: {sighting.ref}</div>
          <div>vrm: {sighting.vrm}</div>
        </div>
      ))}
    </div>
  );
};

export default VideoFeed;