import React from 'react'
import { FooterProps } from './typings'
import { StyledFooterPlaceholder } from './styled'
import {
  defaultRenderLogo,
  defaultRenderMobilePoweredBy,
  defaultRenderPoweredByLabel,
  defaultRenderPoweredByValue,
  defaultRenderCopyright,
  defaultRenderSocialIcons,
  defaultRenderLinkList,
  defaultRenderSocialIconLabel,
} from './renderProps'

class Footer extends React.PureComponent<FooterProps> {
  static defaultProps = {
    className: '',
    connectText: 'Connect with Us',
    logoType: 'tgiant',
    logoColor: '#ffffff',
    // renderProps
    renderLogo: defaultRenderLogo,
    renderMobilePoweredBy: defaultRenderMobilePoweredBy,
    renderPoweredByLabel: defaultRenderPoweredByLabel,
    renderPoweredByValue: defaultRenderPoweredByValue,
    renderCopyright: defaultRenderCopyright,
    renderSocialIcons: defaultRenderSocialIcons,
    renderLinkList: defaultRenderLinkList,
    renderSocialIconLabel: defaultRenderSocialIconLabel,
  }
  render() {
    return <StyledFooterPlaceholder {...this.props} />
  }
}

export { Footer }
export default Footer