import React from "react";
import { isProduction } from "utilFuncs/utilFunctions";

interface adType {
  width: string;
  adFormat: string;
  isResponsive: boolean;
  adSlot: string;
}

function GAdsense({ width, adFormat, isResponsive, adSlot }: adType) {

  if (isProduction()) {
    return (
      <ins
        className="adsbygoogle"
        style={{ display: "block", width }}
        data-ad-client="ca-pub-1110030198957831"
        data-ad-slot={adSlot}
        data-ad-format={adFormat}
        data-full-width-responsive={isResponsive}
      ></ins>
    );
  }
  
  return (
    <div className={`w-full h-full bg-green-500 text-white center`}>ad on local</div>
  );
}

export default GAdsense;