import React from 'react';
import PropTypes from 'prop-types';
import './Loader.css';

const Loader = ({ active, centered }) => (
  active
    ? (
      <span className={centered && 'full-width'}>
        <div className="loader green" />
      </span>
    )
    : null
);

Loader.propTypes = {
  active: PropTypes.bool,
  centered: PropTypes.bool,
};

Loader.defaultProps = {
  active: true,
  centered: true,
};

export { Loader };