import React from 'react'
import PropTypes from 'prop-types'
import Modal, { ModalContent } from '../../modal'

const LoadingNetworkError = (props, context) => {
  const { t } = context
  const { hideModal } = props

  return (
    <Modal
      onSubmit={() => hideModal()}
      submitText={t('tryAgain')}
    >
      <ModalContent
        description={'Oops! Something went wrong.'}
      />
    </Modal>
  )
}

LoadingNetworkError.contextTypes = {
  t: PropTypes.func,
}

LoadingNetworkError.propTypes = {
  hideModal: PropTypes.func,
}

export default LoadingNetworkError