import React from 'react'
import {
  defaultRenderButton,
  defaultRenderPaymentForm,
  defaultRenderBillingForm,
  defaultRenderCheckBox,
  defaultRenderBox,
  defaultRenderWrapper,
  defaultRenderForm,
} from './renderProps'
import { PaymentInformationFormProps } from './typings'

class PaymentInformationForm extends React.PureComponent<PaymentInformationFormProps> {
  static defaultProps = {
    className: '',
    renderButton: defaultRenderButton,
    renderPaymentForm: defaultRenderPaymentForm,
    renderCheckBox: defaultRenderCheckBox,
    renderBillingForm: defaultRenderBillingForm,
    renderBox: defaultRenderBox,
    renderWrapper: defaultRenderWrapper,
    renderForm: defaultRenderForm,
  }

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

export { PaymentInformationForm }
export default PaymentInformationForm