Function useDraggerDirection

Custom React hook that utilizes vevet's DraggerDirection for detecting swipe gestures.

This hook sets up a dragger instance to listen for swipe events in four directions (left, right, up, down).

Example

const MyComponent = () => {
  const ref = useRef<HTMLDivElement>(null);

  useDraggerDirection({
    ref,
    minLength: 50,
    onAny: (direction) => console.log(`${direction}`),
    onLeft: () => console.log('Swiped left!'),
    onRight: () => console.log('Swiped right!'),
    onUp: () => console.log('Swiped up!'),
    onDown: () => console.log('Swiped down!'),
  });

  return <div ref={ref}>Swipe me!</div>;
};