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

const SightingCanvas = () => {
  const { canvasRef } = useLatestSighting();
  return (
    <div className="w-70 flex flex-col">
      <canvas
        ref={canvasRef}
        className="items-center w-full h-10 object-contain block"
      />
    </div>
  );
};

export default SightingCanvas;
