import React from 'react'
import { HeroBannerProps } from './typings'
import {
  defaultRenderButton,
  defaultRenderTitle,
  defaultRenderLogo,
  defaultRenderBox,
  defaultRenderWrapper,
} from './renderProps'

class HeroBanner extends React.PureComponent<HeroBannerProps> {
  static defaultProps = {
    className: '',
    backgroundImage: '',
    backgroundColor: '#ccc',
    logo: 'https://reactdemo.skavaone.com/images/null_image.png',
    text: 'Banner Text Here',
    buttonLabel: 'Button Text',
    url: '',
    renderLogo: defaultRenderLogo,
    renderTitle: defaultRenderTitle,
    renderButton: defaultRenderButton,
  }

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

export { HeroBanner }
export default HeroBanner