import { ReactNode } from 'react'
import { AnimatedCardState } from 'presets/AnimatedExpandableCard'

export interface OrderRenderProps extends Function {
  (props: OrderProps, state: AnimatedCardState): ReactNode
}

export interface OrderProps {
  className?: string
  children?: ReactNode

  /**
   * renderProps
   */
  // used to render the header part of the order history
  renderStatus?: OrderRenderProps

  // used to render the payment summary when card gets open
  renderPaymentSummary?: OrderRenderProps

  // used to render multiple product item view of expandaded view
  renderProductItemList?: OrderRenderProps

  renderProductItem?: OrderRenderProps

  renderOrderButtons?: OrderRenderProps

  renderOrderForm?: OrderRenderProps
}