import React from 'react'
import { Empty } from '@skava/ui'
import { AnimatedCardState } from 'presets/AnimatedExpandableCard/typings'
import ProductList from './ProductList'
import OrderStatus from './OrderStatus'
import PaymentSummary from './PaymentSummary'
import { OrderHistoryProps } from './typings'

function defaultRenderHeaderView(
  props: OrderHistoryProps,
  state: AnimatedCardState
) {
  return <OrderStatus state={state} {...props} />
}

function defaultRenderExpandableView(props: OrderHistoryProps) {
  return (
    <React.Fragment>
      <PaymentSummary />
      <ProductList {...props} />
    </React.Fragment>
  )
}

function defaultRenderFooterView() {
  return <Empty />
}

export {
  defaultRenderHeaderView,
  defaultRenderExpandableView,
  defaultRenderFooterView,
}