LoadingIndicator.js

import 'loaders.css/loaders.css';
import './index.scss';
import React, { PropTypes } from 'react';

const LoadingIndicator = React.createClass({
    propTypes: {
        children: PropTypes.array.isRequired,
        isLoading: PropTypes.bool.isRequired 
    },
    render: function() {
        if(this.props.isLoading) {
            return <div className="loading-indicator-holder">
                <div className="loader-inner square-spin inner"><div></div></div>
            </div>;
        }

        return <div>{this.props.children}</div>;
    }
});

export default LoadingIndicator;