import { WDPlayerController } from 'wdPlayer/Index';
import { PlayerTitleView } from './PlayerTitleView'
import { PlayerProgressView } from './PlayerProgressView'
import { PlayerCommentView } from './PlayerCommentView'
import { PlayerTimeSeekView } from './PlayerTimeSeekView'

@Component
export struct PlayerBottomView {
  private playerController?: WDPlayerController;
  @Consume showComment?: boolean
  @Consume isOpenDetail?: boolean
  @Consume isDragging?: boolean

  build() {
    Column() {
      PlayerTitleView()
      PlayerProgressView({ playerController: this.playerController })
      if (this.showComment) {
        PlayerCommentView()
      }
    }
    .alignItems(HorizontalAlign.Start)
    .position({ x: 0, y: '100%' })
    .markAnchor({ y: '100%' })
  }
}