components/Modals/FreeBets.js

/**
 * @module Modals/FreeBets
 */
import React from 'react';

/**
 * @typedef {object} props
 * @property {Function} closeModal
 */

/**
 * Render
 *
 * @param {props} props
 * @returns {view}
 */
export default (props) => (
  <div className="modals d-block" id="freebetModal">
    <div className="free-bet-modal">
      <div className="free-bet-modal__content">
        <div className="free-bet-modal__img" />
        <div className="free-bet-modal__title">
          You have been
          <br />
          given a free bet
        </div>
      </div>
      <div className="free-bet-modal__button" id="freebetModalBtn" onClick={props.closeModal}>Confirm</div>
    </div>
    <div className="modal-mask" onClick={props.closeModal} />
  </div>
);