import React from 'react'
import { NO_OP } from 'exotic'
import { MultipleShipping as MultipleShippingPlaceholder } from 'abstractions/Checkout/GuestUser'
import { MultipleShippingProps } from './typings'
import {
  defaultRenderProductItem,
  defaultRenderShippingAddress,
  defaultRenderShippingMethod,
  defaultRenderDeliveryInstruction,
} from './renderProps'

class MultipleShipping extends React.PureComponent<MultipleShippingProps> {
  static defaultProps = {
    className: '',
    handleShippingMethodChange: NO_OP,
    // renderProps
    renderProductItem: defaultRenderProductItem,
    renderShippingAddress: defaultRenderShippingAddress,
    renderShippingMethod: defaultRenderShippingMethod,
    renderDeliveryInstruction: defaultRenderDeliveryInstruction,
  }
  render() {
    return <MultipleShippingPlaceholder {...this.props} />
  }
}

export { MultipleShipping }
export default MultipleShipping