components/Modals/GeneralError.js

/**
 * @module Modals/GeneralError
 */
import React from 'react';
import Constants from '../../constants';

/**
 * @typedef {object} props
 * @property {ModalData} modalData
 */
/**
 * @typedef {object} ModalData
 * @property {string} errorMessage
 */
/**
 * Render
 *
 * @param {props} props
 * @returns {view}
 */
export default (props) => (
  <div className="modals bets-modal">
    <div className="bets-modal">
      <div className="modal__box">
        <div className="modal__box-content">
          <div className="modal-body">
            <p className="modal__box-heading">{Constants.MODALS.GENERAL_ERROR}</p>
            <p className="modal__box-subtitle">{props.modalData.errorMessage || 'Please try again, refresh application'}</p>
          </div>
        </div>
      </div>
    </div>
    <div className="modal-mask" />
  </div>
);