import React from 'react'
import { Empty } from '@skava/ui/dist/components/atoms/Empty'
import { AnimatedCardState } from 'presets/AnimatedExpandableCard'
import { ShippingAddressCard } from 'abstractions/Checkout/ShippingAddressCard'
import { StyledAddressToggle } from './styled'
import { SingleShippingProps } from './typings'

function defaultRenderHeaderView(
  props: SingleShippingProps,
  state?: AnimatedCardState
) {
  const { handleToggle } = state
  return <ShippingAddressCard onButtonClick={handleToggle} {...props} />
}

function defaultRenderExpandableView(props: SingleShippingProps) {
  const { addressList, ...remainingProps } = props
  return <StyledAddressToggle list={addressList} {...remainingProps} />
}

function defaultRenderFooterView(props: SingleShippingProps) {
  return <Empty />
}

export {
  defaultRenderHeaderView,
  defaultRenderExpandableView,
  defaultRenderFooterView,
}