import React from 'react'
import { PaymentWithBillingAddress } from 'abstractions/forms/views/PaymentWithBillingAddress'
import { Empty } from 'atoms/Empty'
import { PaymentCard } from '../PaymentCard'
import { PaymentActionTileProps, PaymentActionTileState } from './typings'

function defaultRenderHeaderView(props: PaymentActionTileProps, state: PaymentActionTileState) {
  return <PaymentCard  state={state} {...props} />
}

function defaultRenderExpandableView(props: PaymentActionTileProps, state: PaymentActionTileState) {
  return <PaymentWithBillingAddress {...props} />
}

function defaultRenderFooterView(props: PaymentActionTileProps, state: PaymentActionTileState) {
  return <Empty />
}

export {
  defaultRenderHeaderView,
  defaultRenderExpandableView,
  defaultRenderFooterView,
}