"use client";

import { useEffect } from "react";
import { trackViewItem } from "@/lib/analytics";

type AnalyticsViewItemScriptProps = {
  productId: string;
  productTitle: string;
  price?: number | null;
  category?: string;
  image?: string;
};

export function AnalyticsViewItemScript({
  productId,
  productTitle,
  price,
  category,
  image,
}: AnalyticsViewItemScriptProps) {
  useEffect(() => {
    if (window.gtag) {
      trackViewItem({
        id: productId,
        title: productTitle,
        price: price ? price / 100 : 0,
        category,
        image,
      });
    }
  }, [productId, productTitle, price, category, image]);

  return null;
}