import { useEffect, useState } from "react";

const EVENTS = ["mousedown", "touchstart", "scroll"];

export default function useFirstInteraction() {
  const [didInteract, setDidInteract] = useState(false);

  const eventListener = () => {
    if (didInteract === false) {
      setDidInteract(true);
    }
  };

  useEffect(() => {
    EVENTS.forEach((event) => {
      document.addEventListener(event, eventListener);
    });

    return () => {
      EVENTS.forEach((event) => {
        document.removeEventListener(event, eventListener);
      });
    };
  }, []);

  return didInteract;
}