import React from 'react'
import { EMPTY_ARRAY } from 'exotic'
import { OrderStatus as OrderStatusPlaceholder } from 'abstractions/Order/OrderStatus'
import { OrderStatusProps } from './typings'
import {
  defaultRenderActionButton,
  defaultRenderOrderStatus,
} from './renderProps'

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

    /**
     * render props
     */
    renderActionButton: defaultRenderActionButton,
    renderOrderStatus: defaultRenderOrderStatus,
  }
  render() {
    return <OrderStatusPlaceholder {...this.props} />
  }
}

export { OrderStatus }
export default OrderStatus