import { GoogleAnalytics } from "@next/third-parties/google";
import dynamic from "next/dynamic";
import { analytics, isAnalyticsEnabled } from "@/config/analytics";

const OpenPanelComponent = dynamic(() =>
  import("@openpanel/nextjs").then((m) => ({ default: m.OpenPanelComponent })),
);

export default function AnalyticsProviders() {
  if (!isAnalyticsEnabled) return null;

  return (
    <>
      {analytics.ga.measurementId ? <GoogleAnalytics gaId={analytics.ga.measurementId} /> : null}
      {analytics.openpanel.clientId ? (
        <OpenPanelComponent
          clientId={analytics.openpanel.clientId}
          apiUrl={analytics.openpanel.apiUrl}
          trackScreenViews
          trackOutgoingLinks
        />
      ) : null}
    </>
  );
}