import React from 'react'
import { SubscriptionDetailsPageProps } from './typings'
import {
  defaultRenderProductImage,
  defaultRenderProductDetails,
  defaultRenderShippingAddressCard,
  defaultRenderPaymentInformationCard,
  defaultRenderExpectedDelivery,
  defaultRenderButtons,
  defaultRenderBox,
  defaultRenderWrapper,
} from './renderProps'

class SubscriptionDetailsPage extends React.PureComponent<
  SubscriptionDetailsPageProps
  > {
  static defaultProps = {
    className: '',
    renderProductImage: defaultRenderProductImage,
    renderProductDetails: defaultRenderProductDetails,
    renderShippingAddressCard: defaultRenderShippingAddressCard,
    renderPaymentInformationCard: defaultRenderPaymentInformationCard,
    renderExpectedDelivery: defaultRenderExpectedDelivery,
    renderButtons: defaultRenderButtons,
    renderBox: defaultRenderBox,
    renderWrapper: defaultRenderWrapper,
  }

  render() {
    const { renderBox, renderWrapper, ...remainingProps } = this.props
    const children = renderBox(remainingProps)
    const view = renderWrapper({ children, ...remainingProps })
    return view
  }
}

export { SubscriptionDetailsPage }
export default SubscriptionDetailsPage