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

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

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