import React from 'react'
import { FooterProps } from './typings'
import {
  defaultRenderLogo,
  defaultRenderLinkList,
  defaultRenderCopyright,
  defaultRenderSocialIconLabel,
  defaultRenderSocialIcons,
  defaultRenderContainer,
  defaultRenderWrapper,
} from './renderProps'

class Footer extends React.PureComponent<FooterProps> {
  static defaultProps = {
    className: '',

    renderLogo: defaultRenderLogo,
    renderLinkList: defaultRenderLinkList,
    renderCopyright: defaultRenderCopyright,
    renderSocialIconLabel: defaultRenderSocialIconLabel,
    renderSocialIcons: defaultRenderSocialIcons,
    renderWrapper: defaultRenderWrapper,
  }
  render() {
    const { renderWrapper, ...remainingProps } = this.props
    const children = defaultRenderContainer(remainingProps)
    const view = renderWrapper({...remainingProps, children})
    return view
  }
}

export { Footer }
export default Footer