import React from 'react'
import { CheckoutCartBundle } from '../CheckoutCartBundle'
import MiniCartBundleProps from './typings'
import {
  defaultRenderCartProduct,
  defaultRenderCartQuantity,
  defaultRenderCartPrice,
  defaultRenderCartTotalPrice,
  defaultRenderCartItem,
  defaultCartWrapper,
} from './renderProps'

class MiniCartBundle extends React.PureComponent<MiniCartBundleProps> {
  static defaultProps = {
    className: '',
    renderProduct: defaultRenderCartProduct,
    renderItem: defaultRenderCartItem,
    renderWrapper: defaultCartWrapper,
  }

  render() {
    const attributes = {
      renderQuantity: defaultRenderCartQuantity,
      renderPrice: defaultRenderCartPrice,
      renderTotalPrice: defaultRenderCartTotalPrice,
    }
    return <CheckoutCartBundle {...this.props} {...attributes} />
  }
}

export { MiniCartBundle }
export default MiniCartBundle