import React from 'react'
import { NO_OP } from 'exotic'
import { wording } from '@skava/ui/dist/words'
import { PaymentInformationPresetProps } from './typings'
import { FormFields } from './FormFields'
import { ErrorLabel, StyledSecondaryButton } from './styled'

function defaultRenderForm(props: PaymentInformationPresetProps) {
  return (
    <React.Fragment>
      <FormFields {...props} />
      <StyledSecondaryButton
        onClick={(props && props.cardState && props.cardState.handleToggle) ? props.cardState.handleToggle : NO_OP}
        text={wording.cancel}
        {...props}
      />
    </React.Fragment>
  )
}

export { defaultRenderForm }