import type { ComponentType, ReactNode } from 'react'
import type { HTMLAttrs, Variant } from './common'

type Track = {
  source: string
  label: string
  kind: string
  language: string
}

type Source = {
  source: string
  mediaType: string
  qualityName: string
  qualityRank: number
  isFallback: boolean
}

export interface ControlBarProps extends HTMLAttrs {
  children?: ReactNode
  variant?: Variant
  videoPlayer: any
  videoPlayerContainer: any
  sources: [Source]
  tracks?: [Track]
  videoPlaying: boolean
  videoUnplayed: boolean
  videoBufferEnd: number
  isHidden?: boolean
  videoLength: number
  videoCurrentTime: number
  videoCurrentVolume: number
  videoIsMuted: boolean
  setVolume: Function
  isMobile: boolean
  tracksAvailable: boolean
  togglePlayPause: Function
  setSeek: Function
  toggleMute: Function
  toggleFullscreen: Function
  videoIsFullscreen: boolean
  setTextTracks: Function
  selectedTextTrack: number
  resetInactivityTimer: Function
  videoQuality: number
  setVideoQuality: Function
  captionsMenuOpen: boolean
  setCaptionsMenuOpen: Function
  qualityMenuOpen: boolean
  setQualityMenuOpen: Function
  clearInactivityTimer: Function
  copy: 'en' | 'fr'
  compactModeThreshold: number
  videoPlayerWidth: number
}

declare const ControlBar: ComponentType<ControlBarProps>

export default ControlBar