import { useEffect } from "react";

export default function Code() {
  useEffect(() => {
    function handleCalendlyMessage(e: MessageEvent) {
      if (e.data.event === "calendly.event_scheduled") {
        window.gtag?.("event", "calendly_booking", {
          event_category: "engagement",
          event_label: "Calendly appointment scheduled",
          value: 1,
        });
      }
    }

    window.addEventListener("message", handleCalendlyMessage);

    return () => {
      window.removeEventListener("message", handleCalendlyMessage);
    };
  }, []);

  return null;
}