import React from 'react'
import { NO_OP } from 'exotic'
import { ShippingAddressCard as ShippingAddressCardPlaceholder } from 'abstractions/Checkout/ShippingAddressCard'
import { ShippingAddressCardProps } from './typings'
import { defaultRenderTitle, defaultRenderAddress } from './renderProps'

class ShippingAddressCard extends React.PureComponent<
  ShippingAddressCardProps
  > {
  static defaultProps = {
    className: '',
    title: 'shipping address',
    buttonLabel: 'Button',
    onButtonClick: NO_OP,
    // renderProps
    renderTitle: defaultRenderTitle,
    renderAddress: defaultRenderAddress,
  }

  render() {
    return <ShippingAddressCardPlaceholder {...this.props} />
  }
}

export { ShippingAddressCard }
export default ShippingAddressCard