import React from 'react'
import { OrderPresetProps } from './typings'
import {
  defaultRenderStatus,
  defaultRenderPaymentSummary,
  //
  defaultRenderProductItemList,
  defaultRenderProductItem,
  //
  defaultRenderOrderButtons,
  defaultRenderOrderForm,
} from './renderProps'
import { StyledOrder } from './styled'

class Order extends React.PureComponent<OrderPresetProps> {
  static defaultProps = {
    className: '',
    isSubscriptionItem: false,

    /**
     * render props
     */
    renderStatus: defaultRenderStatus,
    renderPaymentSummary: defaultRenderPaymentSummary,
    //
    renderProductItemList: defaultRenderProductItemList,
    renderProductItem: defaultRenderProductItem,
    //
    renderOrderButtons: defaultRenderOrderButtons,
    renderOrderForm: defaultRenderOrderForm,
  }
  render() {
    // console.log('[Presets/Order] props: ')
    // console.dir(this.props)
    return <StyledOrder {...this.props} />
  }
}

export { Order }
export default Order