import React from 'react'
import { ExpandableCard } from 'organisms/ExpandableCard'
import { ShippingAddressCardProps, ShippingAddressCardState } from './typings'
import {
  defaultRenderItem,
  defaultRenderList,
  defaultRenderCard,
  defaultRenderForm,
  defaultRenderHeader,
} from './renderProps'

class ShippingAddressCard extends React.PureComponent<
  ShippingAddressCardProps,
  ShippingAddressCardState
  > {
  static defaultProps = {
    list: [{}, {}],
    //
    renderItem: defaultRenderItem,
    renderList: defaultRenderList,
    renderCard: defaultRenderCard,
    renderHeader: defaultRenderHeader,
    renderForm: defaultRenderForm,
  }
  render() {
    const {
      renderCard,
      renderHeader,
      renderForm,
      ...remainingProps
    } = this.props
    return (
      <ExpandableCard
        renderDefaultView={renderCard}
        renderToggleButton={renderHeader}
        renderExpandedView={renderForm}
        {...remainingProps}
      />
    )
  }
}

export { ShippingAddressCard }
export default ShippingAddressCard