import React from 'react';
import classnames from 'classnames';
import PropTypes from 'prop-types';

function SprkSpinner({size, lightness, ...rest}) {
  return (
    <div className={classnames(
      'sprk-c-Spinner',
      'sprk-c-Spinner--circle',
      {'sprk-c-Spinner--large': size === 'large'},
      {'sprk-c-Spinner--dark': lightness === 'dark'}
    )}
   {...rest}>
    </div>
  );
}

SprkSpinner.propTypes = {
  size: PropTypes.oneOf(['small', 'large']),
  lightness: PropTypes.oneOf(['light', 'dark']),
  idString: PropTypes.string
}

SprkSpinner.defaultProps = {
  size: 'small',
  lightness: 'light'
}

export default SprkSpinner;
import React from 'react';
import classnames from 'classnames';
import PropTypes from 'prop-types';

function SprkSpinner({size, lightness, additionalClasses, ...rest}) {
  return (
    <div className={classnames(
      'sprk-c-Spinner',
      'sprk-c-Spinner--circle',
      {'sprk-c-Spinner--large': size === 'large'},
      {'sprk-c-Spinner--dark': lightness === 'dark'},
      additionalClasses,
    )}
   {...rest}>
    </div>
  );
}

SprkSpinner.propTypes = {
  size: PropTypes.oneOf(['small', 'large']),
  lightness: PropTypes.oneOf(['light', 'dark']),
  additionalClasses: PropTypes.string,
  idString: PropTypes.string
}

SprkSpinner.defaultProps = {
  size: 'small',
  lightness: 'light'
}

export default SprkSpinner;
add additionalClasses prop to SprkSpinner