import React from 'react'
import { PageBackgroundProps } from './typings'
import {
  defaultRenderImage,
  defaultRenderVideo,
  defaultRenderBox,
  defaultRenderWrapper
} from './renderProps'

class PageBackground extends React.PureComponent<PageBackgroundProps> {
  static defaultProps = {
    className: '',

    mediaType: 'image',
    src: '',
    backgroundImage: '',
    backgroundColor: '#fff',

    /**
     * @todo
     * isPageScroll -> shouldBeFixed
     * position -> gradientPosition
     */
    position: 'top',
    isPageScroll: false,

    renderImage: defaultRenderImage,
    renderVideo: defaultRenderVideo
  }

  render() {
    const children = defaultRenderBox(this.props)
    const view = defaultRenderWrapper({ children, ...this.props })
    return view
  }
}

export { PageBackground }
export default PageBackground