export type VideoSourceType = 'webm' | 'ogg' | 'mp4' | string
export type AutoPlay = boolean | undefined
export type URL = string

export type SourceType = VideoSourceType | Array<VideoSourceType>
export interface SourceProps {
  src: SourceType
}

export interface VanillaVideoTypes<Type = any> extends React.VideoHTMLAttributes<Type> {
  ref: HTMLMediaElement
  autoPlay?: boolean
  muted?: boolean
  loop?: boolean
  src?: string
}

export interface VideoTypes {
  src: SourceType
  cover: URL
  autoPlay?: AutoPlay
  loop?: boolean
  controls?: boolean
  muted?: boolean
  preload?: 'auto'
  className?: string
  isPaused?: boolean | undefined
}
export { VideoTypes as VideoProps }
export interface AliasedVideoTypes extends VideoTypes {
  autoplay?: boolean
  thumbnailImage?: string
  poster?: string
}