import React from 'react'
import { PaymentAddNewCardProps } from './typings'
import {
  defaultRenderPaymentCardHeading,
  defaultRenderPaymentCardButton,
  defaultRenderPaymentCardWrapper,
} from './renderProps'

class PaymentAddNewCard extends React.PureComponent<PaymentAddNewCardProps> {
  static defaultProps = {
    className: '',
    renderPaymentCardHeading: defaultRenderPaymentCardHeading,
    renderPaymentCardButton: defaultRenderPaymentCardButton,
    renderPaymentCardWrapper: defaultRenderPaymentCardWrapper,
  }
  render() {
    const { renderPaymentCardWrapper, ...remainingProps } = this.props
    const view = renderPaymentCardWrapper(remainingProps)
    return view
  }
}

export { PaymentAddNewCard }
export default PaymentAddNewCard