import React from 'react'
import { EMPTY_OBJ } from 'exotic'
import { PaymentSummary as PaymentSummaryPlaceholder } from 'abstractions/Order/PaymentSummary'
import { PaymentSummaryProps } from './typings'
import {
  defaultRenderShippingAddress,
  defaultRenderShippingMethod,
  defaultRenderPaymentMethod,
  defaultRenderOrderSummary,
} from './renderProps'

class PaymentSummary extends React.PureComponent<PaymentSummaryProps> {
  static defaultProps = {
    className: '',
    /**
     * data
     */
    shippingAddressInfo: EMPTY_OBJ,
    shippingMethodInfo: EMPTY_OBJ,
    paymentMethodInfo: EMPTY_OBJ,
    orderSummaryInfo: EMPTY_OBJ,

    /**
     * render props
     */
    renderShippingAddress: defaultRenderShippingAddress,
    renderShippingMethod: defaultRenderShippingMethod,
    renderPaymentMethod: defaultRenderPaymentMethod,
    renderOrderSummary: defaultRenderOrderSummary,
  }
  render() {
    return <PaymentSummaryPlaceholder {...this.props} />
  }
}

export { PaymentSummary }
export default PaymentSummary