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

@Component
export struct PlayerInfoComponent {
  swiperController?: SwiperController
  private playerController?: WDPlayerController
  @Consume bottomSafeHeight: number
  @Consume topSafeHeight: number
  @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)
      .onChange((index) => {
        this.swiperIndex = index
      })
    }
    .height('100%')
    .width('100%')
  }
}