import { ReactNode } from 'react'
import { CommonState } from 'src/state'

export interface PaymentSummaryRenderProp {
  (props: PaymentSummaryProps): ReactNode
}

export interface PaymentSummaryButtonRenderProp {
  (props: PaymentSummaryProps, state: CommonState): ReactNode
}

export interface PaymentSummaryProps {
  className?: string
  children?: ReactNode
  shouldHideActionButtons?: boolean

  renderShippingAddress?: PaymentSummaryRenderProp
  renderShippingMethod?: PaymentSummaryRenderProp
  renderPaymentMethod?: PaymentSummaryRenderProp
  renderOrderSummary?: PaymentSummaryRenderProp
  renderButtons?: PaymentSummaryButtonRenderProp
  renderForm?: PaymentSummaryButtonRenderProp
  renderContainer?: PaymentSummaryRenderProp
  renderWrapper?: PaymentSummaryRenderProp
}