import React from 'react'
import {
  defaultRenderPaymentMethod,
  defaultRenderOrderSummary,
  defaultRenderBox,
  defaultRenderWrapper,
} from './renderProps'
import { PaymentSummaryProps } from './typings'

class PaymentSummary extends React.PureComponent<PaymentSummaryProps> {
  static defaultProps = {
    className: '',
    // renderProps
    renderPaymentMethod: defaultRenderPaymentMethod,
    renderOrderSummary: defaultRenderOrderSummary,
  }
  render() {
    const children = defaultRenderBox(this.props)
    const view = defaultRenderWrapper({ ...this.props, children })
    return view
  }
}

export { PaymentSummary }
export default PaymentSummary