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

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

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

export interface VideoProps extends HTMLAttrs {
  children?: ReactNode
  variant?: Variant
  sources: VideoSource[]
  posterSrc: string
  tracks?: VideoTrack[]
  defaultVolume?: number
  beginMuted?: boolean
  defaultMobileQuality?: number
  defaultDesktopQuality?: number
  copy: 'en' | 'fr'
  crossOrigin?: 'anonymous' | 'use-credentials'
  simpleMode?: boolean
  videoBorder?: boolean
  analyticsTracking?: (event: string, data?: Record<string, any>) => void
  videoTitle?: string
  tokens?: Record<string, any>
}

export declare const Video: ComponentType<VideoProps>