generator-thundr-gae-react/generators/app/templates/src/main/client/javascript/components/LoadingIndicator.jsx

Yeoman generator for a React app that runs atop Thundr on Google App Engine

import React from 'react';
import { string } from 'prop-types';
import { CircularProgress } from 'material-ui';
import './LoadingIndicator.less';

const LoadingIndicator = ({ text, ...rest }) => (
  <div className="loading-indicator">
    <CircularProgress className="spinner" {...rest} />
    <p className="text">{text || 'Loading...'}</p>
  </div>
);

LoadingIndicator.propTypes = {
  text: string,
};

LoadingIndicator.defaultProps = {
  text: null,
};

export default LoadingIndicator;