'use client';

import { useEffect } from 'react';

export function AdSenseSlot({ slot }: { slot: string }) {
  useEffect(() => {
    try {
      const win = window as Window & { adsbygoogle?: unknown[] };
      win.adsbygoogle = win.adsbygoogle ?? [];
      win.adsbygoogle.push({});
    } catch {
      // Ad blockers can block adsbygoogle; the UI should keep working.
    }
  }, []);

  if (process.env.NEXT_PUBLIC_ADSENSE_ENABLED !== 'true') return null;

  return (
    <div className="my-8 min-h-[120px] rounded-2xl border border-white/10 bg-white/[0.03] p-3">
      <ins
        className="adsbygoogle block"
        data-ad-client={process.env.NEXT_PUBLIC_ADSENSE_CLIENT}
        data-ad-slot={slot}
        data-ad-format="auto"
        data-full-width-responsive="true"
      />
    </div>
  );
}