import type { ComponentType } from 'react'
import { YouTubeEvent } from 'react-youtube'
import type { HTMLAttrs } from './common'

export interface WebVideoProps extends HTMLAttrs {
  videoId: string
  posterSrc: string
  aspectRatio?: '16:9' | '4:3' | '1:1'
  defaultVolume?: number
  beginMuted?: boolean
  videoLength: number
  copy?: 'en' | 'fr'
  onStart?: () => void
  onPlay?: (event: YouTubeEvent<number>, videoResumed: boolean) => void
  onEnd?: (event: YouTubeEvent<number>) => void
  onPause?: (event: YouTubeEvent<number>) => void
  onProgress?: (event: YouTubeEvent<number>, milestone: number) => void
}

declare const WebVideo: ComponentType<WebVideoProps>

export default WebVideo