import React from 'react'
import { NO_OP } from 'exotic'
import { SubscriptionDetailsPage } from 'presets/Subscription/SubscriptionDetailsPage'
import {
  defaultRenderButtons,
  defaultRenderPrice,
  defaultRenderExpectedDelivery,
} from './renderProps'
import { ManageSubscriptionPageProps } from './typings'

class ManageSubscriptionPage extends React.PureComponent<
  ManageSubscriptionPageProps
  > {
  static defaultProps = {
    className: '',
    renderPrice: defaultRenderPrice,
    renderButtons: defaultRenderButtons,
    renderExpectedDelivery: defaultRenderExpectedDelivery,
    //
    onBuyNow: NO_OP,
    OnSkip: NO_OP,
    onCancelSubscription: NO_OP,
  }
  render() {
    return <SubscriptionDetailsPage {...this.props} />
  }
}

export { ManageSubscriptionPage }
export default ManageSubscriptionPage