import React from 'react'
import { NO_OP } from 'exotic'
import { MySubscriptionCard as MySubscriptionCardPlaceholder } from 'abstractions/Subscription/MySubscriptionCard'
import { MySubscriptionProps } from './typings'
import {
  defaultRenderOrderStatus,
  defaultRenderOrderDetails,
  defaultRenderToggleButton,
  defaultRenderProductItem,
  defaultRenderExpandedView,
  defaultRenderDefaultView,
} from './renderProps'

class MySubscriptionCard extends React.PureComponent<MySubscriptionProps> {
  static defaultProps = {
    className: '',
    //
    renderOrderStatus: defaultRenderOrderStatus,
    renderOrderDetails: defaultRenderOrderDetails,
    renderProductItem: defaultRenderProductItem,
    renderDefaultView: defaultRenderDefaultView,
    renderExpandedView: defaultRenderExpandedView,
    renderToggleButton: defaultRenderToggleButton,
    //
    onBuyNow: NO_OP,
    onSkip: NO_OP,
    onPause: NO_OP,
    onCancel: NO_OP,
  }
  render() {
    return <MySubscriptionCardPlaceholder {...this.props} />
  }
}

export { MySubscriptionCard }
export default MySubscriptionCard