2 * ============LICENSE_START=======================================================
4 * ================================================================================
5 * Copyright © 2017-2018 AT&T Intellectual Property. All rights reserved.
6 * Copyright © 2017-2018 Amdocs
7 * ================================================================================
8 * Licensed under the Apache License, Version 2.0 (the "License");
9 * you may not use this file except in compliance with the License.
10 * You may obtain a copy of the License at
12 * http://www.apache.org/licenses/LICENSE-2.0
14 * Unless required by applicable law or agreed to in writing, software
15 * distributed under the License is distributed on an "AS IS" BASIS,
16 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
17 * See the License for the specific language governing permissions and
18 * limitations under the License.
19 * ============LICENSE_END=========================================================
21 import React, { Component } from 'react';
22 import { ClipLoader } from 'react-spinners';
23 import {COLOR_BLUE} from './GlobalExtConstants.js';
24 import { PropTypes } from 'prop-types';
26 class SpinnerContainer extends Component {
28 // if loading, show content as busy (ex: grey out)
29 const spinnerContentClass = this.props.loading ? 'spinner-content' : '';
30 const containerClass = this.props.fullscreen ? 'col-lg-12 spinner-container' : 'spinner-container';
32 <div className={containerClass}>
33 <div className='spinner'>
34 <ClipLoader color={COLOR_BLUE} loading={this.props.loading} />
36 <div className={spinnerContentClass}>
43 export default SpinnerContainer;
45 SpinnerContainer.propTypes = {
46 loading: PropTypes.bool
49 SpinnerContainer.defaultProps = {