1 import React, { Component } from 'react';
2 import { ClipLoader } from 'react-spinners';
3 import {COLOR_BLUE} from 'utils/GlobalConstants.js';
5 class SpinnerContainer extends Component {
7 // if loading, show content as busy (ex: grey out)
8 const spinnerContentClass = this.props.loading ? 'spinner-content' : '';
10 <div className='spinner-container'>
11 <div className='spinner'>
12 <ClipLoader color={COLOR_BLUE} loading={this.props.loading} />
14 <div className={spinnerContentClass}>
21 export default SpinnerContainer;
23 SpinnerContainer.propTypes = {
24 loading: React.PropTypes.bool
27 SpinnerContainer.defaultProps = {