gistfile1.txt

import React from 'react';
import classNames from 'classnames';

export default ({loading}) => {

  let loading_class = classNames('dissolve-animation', {
    'hide': !loading.show
  });

  let message_class = classNames('loading-overlay-message', {
    'hide': !loading.message
  });

  return (
    <div className={loading_class}>
      <div className="page-loading">
        <div className={message_class}>
          {loading.message}
        </div>

        <div className="loading-overlay">
          <div className="mdl-spinner mdl-js-spinner is-active"></div>
        </div>
      </div>
    </div>
  );
}