Function SwipeableUsingHook

__tests__/useSwipeable.spec.tsx:34–57

({
  nodeName = "div",
  onRefPassThrough,
  ...rest
}: SwipeableProps & {
  nodeName?: string;
  onRefPassThrough?(el: HTMLElement): void;
})

 * Wrapping component for the hook testing
 */
function SwipeableUsingHook({
  nodeName = "div",
  onRefPassThrough,
  ...rest
}: SwipeableProps & {
  nodeName?: string;
  onRefPassThrough?(el: HTMLElement): void;
}) {
  const eventHandlers = useSwipeable(rest);
  const Elem = nodeName as React.ElementType;

  const refPassthrough = (el: HTMLElement) => {
    onRefPassThrough?.(el);

    // call useSwipeable ref prop with el
    eventHandlers.ref(el);
  };

  return (
    <Elem {...eventHandlers} ref={refPassthrough}>
      <span>{TESTING_TEXT}</span>
    </Elem>
  );
}

const MD = "mouseDown";
const MM = "mouseMove";