import React from 'react'
import { HeroBannerProps } from 'src/components/presets/Studio/HeroBanner/typings'
import {
  defaultRenderButton,
  defaultRenderTitle,
  defaultRenderLogo,
  defaultRenderBox,
  defaultRenderWrapper,
} from 'src/components/presets/Studio/HeroBanner/renderProps'

class HeroBanner extends React.PureComponent<HeroBannerProps> {
  static defaultProps = {
    className: '',

    // render props
    renderButton: defaultRenderButton,
    renderTitle: defaultRenderTitle,
    renderLogo: defaultRenderLogo,
    renderBox: defaultRenderBox,
    renderWrapper: defaultRenderWrapper,
  }

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

export { HeroBanner }
export default HeroBanner