import React from 'react'
import { AnimatedExpandableCard } from 'presets/AnimatedExpandableCard'
import { CheckoutCartBundleProps } from './typings'
import {
  defaultRenderHeader,
  defaultRenderExpandable,
  defaultRenderFooter,
  defaultRenderList,
  defaultRenderCheckoutItem,
} from './renderProps'

class CheckoutCartBundle extends React.PureComponent<CheckoutCartBundleProps> {
  static defaultProps = {
    className: '',
    renderHeader: defaultRenderHeader,
    renderList: defaultRenderList,
    renderItem: defaultRenderCheckoutItem,
  }
  render() {
    const { renderHeader, ...remainingProps } = this.props
    return (
      <AnimatedExpandableCard
        renderHeaderView={renderHeader}
        renderExpandableView={defaultRenderExpandable}
        renderFooterView={defaultRenderFooter}
        {...remainingProps}
      />
    )
  }
}

export { CheckoutCartBundle }
export default CheckoutCartBundle