import React from 'react'
import { ProductDetailsProps } from './typings'
import {
  defaultRenderTitle,
  defaultRenderSkuId,
  defaultRenderPrice,
  defaultRenderProductDetails,
  defaultRenderProductOptions,
  defaultRenderProductQuantity,
  defaultRenderFrequency,
  defaultRenderBox,
  defaultRenderWrapper,
} from './renderProps'

class ProductDetails extends React.PureComponent<ProductDetailsProps> {
  static defaultProps = {
    className: '',
    renderTitle: defaultRenderTitle,
    renderSkuId: defaultRenderSkuId,
    renderPrice: defaultRenderPrice,
    renderProductDetails: defaultRenderProductDetails,
    renderProductOptions: defaultRenderProductOptions,
    renderProductQuantity: defaultRenderProductQuantity,
    renderFrequency: defaultRenderFrequency,
    renderWrapper: defaultRenderWrapper,
  }

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

export { ProductDetails }
export default ProductDetails