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 VideoProps extends HTMLAttrs {
  children?: ReactNode
  variant?: Variant
  sources: [Source]
  posterSrc: string
  tracks?: [Track]
  defaultVolume?: number
  beginMuted?: boolean
  defaultMobileQuality?: number
  defaultDesktopQuality?: number
  copy: 'en' | 'fr'
  crossOrigin?: 'anonymous' | 'use-credentials'
  simpleMode?: boolean
  videoBorder?: boolean
  analyticsTracking?: Function
  videoTitle?: string
}

declare const Video: ComponentType<VideoProps>

export default Video