import { WDAliPlayerController, WDPlayerController } from 'wdPlayer/Index'
import { PlayerUIComponent } from './PlayerUIComponent'

@Component
export struct PlayerInfoComponent {
  swiperController?: SwiperController
  private playerController?: WDAliPlayerController
  @Consume bottomSafeHeight: number
  @Consume topSafeHeight: number
  @Consume liveState: string
  @Consume isShowControl: boolean
  @Link swiperIndex: number

  build() {
    Column() {
      Swiper(this.swiperController) {
        Text('')
        PlayerUIComponent({ playerController: this.playerController }).margin({
          bottom: this.bottomSafeHeight + 'px',
          top: this.topSafeHeight + 'px'
        })
      }
      .cachedCount(2)
      .indicator(false)
      .loop(false)
      .width('100%')
      .height('100%')
      .index(this.swiperIndex)
      // .onClick(() => {
      //   if (this.liveState === 'end') {
      //     this.isShowControl = !this.isShowControl
      //   }
      // })
      .onChange((index) => {
        this.swiperIndex = index
      })
    }
    .height('100%')
    .width('100%')
  }
}