import React from 'react'
import { OrderProps } from './typings'
import {
  defaultRenderStatus,
  defaultRenderProductItem,
  defaultRenderPaymentSummary,
  defaultRenderProductItemList,
  defaultRenderHeaderView,
  defaultRenderExpandableView,
  defaultRenderStoreProductList,
  defaultRenderFooterView,
  //
  defaultRenderOrderButtons,
  defaultRenderOrderForm,
} from './renderProps'
import { StyledAnimatedExpandableCard } from './styled'

class Order extends React.PureComponent<OrderProps> {
  static defaultProps = {
    className: '',
    /**
     * render props
     */
    renderStatus: defaultRenderStatus,
    renderProductItem: defaultRenderProductItem,
    renderPaymentSummary: defaultRenderPaymentSummary,
    renderProductItemList: defaultRenderProductItemList,
    renderStoreProductList: defaultRenderStoreProductList,
    renderOrderButtons: defaultRenderOrderButtons,
    renderOrderForm: defaultRenderOrderForm,
  }
  render() {
    return (
      <StyledAnimatedExpandableCard
        renderHeaderView={defaultRenderHeaderView}
        renderExpandableView={defaultRenderExpandableView}
        renderFooterView={defaultRenderFooterView}
        {...this.props}
      />
    )
  }
}

export { Order }
export default Order