import React from 'react'
import { MultipleShippingProps } from './typings'
import {
  defaultRenderProductItem,
  defaultRenderShippingAddress,
  defaultRenderShippingMethod,
  defaultRenderDeliveryInstruction,
  defaultRenderBox,
  defaultRenderWrapper,
} from './renderProps'

class MultipleShipping extends React.PureComponent<MultipleShippingProps> {
  static defaultProps = {
    className: '',
    // renderProps
    renderProductItem: defaultRenderProductItem,
    renderShippingAddress: defaultRenderShippingAddress,
    renderShippingMethod: defaultRenderShippingMethod,
    renderDeliveryInstruction: defaultRenderDeliveryInstruction,
    renderWrapper: defaultRenderWrapper,
  }
  render() {
    const { renderWrapper, ...remainingProps } = this.props
    const children = defaultRenderBox(remainingProps)
    return renderWrapper({ children, ...remainingProps })
  }
}

export { MultipleShipping }
export default MultipleShipping