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;
@@ -132,16 +132,35 @@
 ghtness,
+ additionalClasses,
  ...rest
@@ -164,16 +164,16 @@
 est%7D) %7B%0A
-
   return
@@ -366,16 +366,42 @@
  'dark'%7D
+,%0A      additionalClasses,
 %0A    )%7D%0A
@@ -504,16 +504,16 @@
 rge'%5D),%0A
-
   lightn
@@ -553,16 +553,55 @@
 ark'%5D),%0A
+  additionalClasses: PropTypes.string,%0A
   idStri

add additionalClasses prop to SprkSpinner