import { useEvent } from '@anton.bobrov/react-hooks';
import { useEffect } from 'react';
import { NCustomCursor } from 'vevet';
import { usePageCursor } from './usePageCursor';

/**
 * Callback on cursor move
 */
export function usePageCursorMove(
  onMove: (coords: NCustomCursor.ICoords) => void,
) {
  const handleMove = useEvent(onMove);

  const { cursor } = usePageCursor();

  useEffect(() => {
    const callback = cursor?.addCallback('render', () =>
      handleMove(cursor.coords),
    );

    return () => callback?.remove();
  }, [cursor, handleMove]);
}