import { ATAdError, ATAdInfo, BuildATBannerAdView } from 'anythink_sdk';
import { TkBannerAd, tkBannerAd } from '../utils/TkBannerAd';

@Component
export struct TkBannerAdComp {
  @State private tkBannerAd: TkBannerAd = tkBannerAd

  aboutToAppear(): void {
    // this.tkBannerAd.loadBannerAd()
    this.tkBannerAd.atBannerAd?.loadAd({
      context: getContext(),
      uiContext: this.getUIContext()
    })
    this.tkBannerAd.onAdLoaded = () => {
      this.tkBannerAd.isLoaded = true
      this.tkBannerAd.bannerAd = this.tkBannerAd.atBannerAd?.getBannerAd()
    }

  }



  build() {
    if (this.tkBannerAd.isLoaded && this.tkBannerAd.bannerAd) {
      Column() {
        BuildATBannerAdView(this.tkBannerAd.atBannerAd!.getBannerAd()!, {
          onAdShow: (adInfo: ATAdInfo): void => {
            // console.log('aaa', JSON.stringify(adInfo))
          },
          onAdClick: (adInfo: ATAdInfo): void => {
          },
          onAdClose: (adInfo: ATAdInfo): void => {
            this.tkBannerAd.isLoaded = false
          },
          onAdAutoRefreshed: (adInfo: ATAdInfo): void => {
          },
          onAdAutoRefreshFailed: (adError: ATAdError): void => {
          }
        })
      }
      .width('100%')
      .height(50)
      .backgroundColor(Color.Yellow)

    }
  }
}