import React from 'react'
import { Empty } from 'atoms/Empty'
import { NO_OP } from 'exotic'
import { wording } from 'src/words'
import { ShippingAddressFormPresetProps } from './typings'
import { StyledLabel, StyledSecondaryButton } from './styled'
import { Form } from './Form'

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

export {
  defaultRenderForm
}