import { ReactNode } from 'react'
import { VideoProps } from '@skava/ui/dist/components/atoms/Video'

// @todo actions too
export interface VideoPresetStateType {
  isPlaying: boolean
  shouldAutoPlay: boolean
  hasNativeControls: boolean
  hasPlayButton: boolean
  shouldShowVideoInformation: boolean
  defaultProps: object
  shouldLoop: boolean
  setIsPlaying(isPlaying: boolean): void
  toggleIsPlaying(): void
  setProps(props: VideoPresetProps): void
}

/**
 * @todo renderShare, renderTitle, renderLength...
 * ^ but not needed as much as `renderControls`
 */
export interface VideoPresetControlProps {
  title: string
  slogan: string
  shareTitle: string
  videoLength: string
  state?: VideoPresetStateType
}

export interface VideoPresetRenderProp extends Function {
  (props: VideoPresetProps, state?: VideoPresetStateType): ReactNode
}

export interface VideoPresetProps extends VideoProps {
  shouldShowVideoInformation?: boolean | string
  hasPlayButton?: boolean | string
  state?: VideoPresetStateType
  renderVideo?: VideoPresetRenderProp
  renderControls?: VideoPresetRenderProp
}