import React from 'react'
import { OrderStatusProps } from './typings'
import {
  defaultRenderOrderStatus,
  defaultRenderStatusSection,
  defaultRenderActionButton,
  defaultRenderStatusWrapper,
} from './renderProps'

class OrderStatus extends React.PureComponent<OrderStatusProps> {
  static defaultProps = {
    className: '',

    renderOrderStatus: defaultRenderOrderStatus,
    renderActionButton: defaultRenderActionButton,
    renderStatusWrapper: defaultRenderStatusWrapper,
  }
  render() {
    const { renderStatusWrapper, ...remainingProps } = this.props
    const children = (
      <React.Fragment>
        {defaultRenderStatusSection(remainingProps)}
      </React.Fragment>
    )
    const view = renderStatusWrapper({ ...remainingProps, children })
    return view
  }
}

export { OrderStatus }
export default OrderStatus