import React from 'react'
import { MySubscriptionProps } from './typings'
import {
  defaultRenderOrderStatus,
  defaultRenderOrderDetails,
  defaultRenderProductItem,
  //
  defaultRenderDefaultView,
  defaultRenderExpandedView,
  defaultRenderToggleButton,
  defaultRenderExpandableCard,
  //
  defaultRenderBox,
  defaultRenderWrapper,
} from './renderProps'

class MySubscriptionCard extends React.PureComponent<MySubscriptionProps> {
  static defaultProps = {
    className: '',
    //
    renderOrderStatus: defaultRenderOrderStatus,
    renderOrderDetails: defaultRenderOrderDetails,
    renderProductItem: defaultRenderProductItem,
    //
    renderDefaultView: defaultRenderDefaultView,
    renderExpandedView: defaultRenderExpandedView,
    renderToggleButton: defaultRenderToggleButton,
    renderExpandableCard: defaultRenderExpandableCard,
    //
    renderWrapper: defaultRenderWrapper,
  }
  render() {
    const { renderWrapper, ...remainingProps } = this.props
    const children = defaultRenderBox(remainingProps)
    const view = renderWrapper({ children, ...remainingProps })
    return view
  }
}

export { MySubscriptionCard }
export default MySubscriptionCard