import React from 'react'
import { VideoOverlayProps } from './typings'
import {
  defaultRenderImage,
  defaultRenderText,
  defaultRenderVideoPlayer,
  defaultRenderBox,
  defaultRenderWrapper
} from './renderProps'

class VideoOverlay extends React.PureComponent<VideoOverlayProps> {
  static defaultProps = {
    className: '',
    src: '',
    foregroundImage: '',
    foregroundText: 'Foreground Text Overlay',
    // renderProps
    renderImage: defaultRenderImage,
    renderText: defaultRenderText,
    renderVideoPlayer: defaultRenderVideoPlayer,
    renderWrapper: defaultRenderWrapper,
  }
  render() {
    const { renderWrapper, ...remainingProps } = this.props
    const children = defaultRenderBox(remainingProps)
    const view = renderWrapper({ children, ...remainingProps })
    return view
  }
}

export { VideoOverlay }
export default VideoOverlay