Show an ad,
get an ad shown

"use client";
import { useState } from 'react';
import { AdTogether } from '@adtogether/web-sdk';
import { AdTogetherBanner, AdTogetherInterstitial } from '@adtogether/web-sdk/react';

// Initialize the SDK with your App ID
if (typeof window !== 'undefined') {
  AdTogether.initialize({ appId: 'at_f57425e89a9545eda1162baeedb78636' });
}

export default function MyComponent() {
  const [showInterstitial, setShowInterstitial] = useState(false);

  return (
    <div className="p-4">
      <h1>My Awesome App</h1>
      
      {/* Earn 1 credit by displaying a banner ad */}
      <AdTogetherBanner 
        adUnitId="YOUR_AD_UNIT_ID" 
        showCloseButton={true}
        onAdLoaded={() => console.log('Banner loaded!')} 
        onAdFailedToLoad={(e) => console.error(e)}
        onAdClosed={() => console.log('User closed the ad')}
      />

      {/* Earn 5 credits by displaying an interstitial ad */}
      <button onClick={() => setShowInterstitial(true)}>
        Show Interstitial Ad
      </button>

      <AdTogetherInterstitial
        adUnitId="YOUR_AD_UNIT_ID"
        isOpen={showInterstitial}
        onClose={() => setShowInterstitial(false)}
        closeDelay={3}
      />
    </div>
  );
}