import React, { Component } from 'react';

class Loader extends Component {
  /**
   * Render method
   */
  render() {
    let { loading } = this.props;
    let className = 'loaderWrapper';

    if (loading.get('status')) {
      className += ' show';
    }
    else {
      className += ' hidden';
    }

    return (
      <div className={className}>
        <div className="loaderBackdrop"></div>
        <div className="loaderContainer">
          <div className="loaderMessage">
            <p>Een moment geduld...</p>
          </div>
        </div>
      </div>);
  }
}

export default Loader;