import { useEffect } from "react";

import { useRouter as usePagesRouter } from "next/router";
import { useRouter as useAppRouter } from "next/router";
interface Props {
  articleType: string;
}

const usePermutivePageEvent = ({ articleType }: Props) => {
  const pagesRouter = usePagesRouter();
  const appRouter = useAppRouter();

  useEffect(() => {
    const pageEvent = {
      page: {
        type:
          (articleType && `Partner Content ${articleType}`) ||
          "Partner Content Home",
      },
    };

    // Fire page event
    window.permutive.addon("web", pageEvent);
  }, [articleType, pagesRouter, appRouter]);
};

export default usePermutivePageEvent;