import React from 'react'
import { PaymentAddNewCardProps } from './typings'
import { PaymentAddNewCardTitle, AddNewCardButton } from './styled'

/**
 * default preset function for replacing heading
 */
function renderPaymentCardHeadingPreset(props: PaymentAddNewCardProps) {
  return <PaymentAddNewCardTitle content="Payment Methods" />
}

/**
 * default preset function for replacing button
 */
function renderPaymentCardButtonPreset(props: PaymentAddNewCardProps) {
  return <AddNewCardButton text="Add New Card" />
}

export { renderPaymentCardHeadingPreset, renderPaymentCardButtonPreset }