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

class PageBackground extends React.PureComponent<PageBackgroundProps> {
  static defaultProps = {
    className: '',
    backgroundImage: '',
    backgroundColor: '#fff',
    position: 'top',
    isPageScroll: false,
    // renderProps
    renderWrapper: defaultRenderWrapper,
  }

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

export { PageBackground }
export default PageBackground