'use strict'; import React from 'react'; import classNames from 'classnames'; let AscribeSpinner = React.createClass({ propTypes: { classNames: React.PropTypes.string, size: React.PropTypes.oneOf(['sm', 'md', 'lg']), color: React.PropTypes.oneOf(['black', 'blue', 'dark-blue', 'light-blue', 'pink', 'white', 'loop']) }, getDefaultProps() { return { inline: false, size: 'md' }; }, render() { const { classNames: classes, color, size } = this.props; return ( <div className={classNames('spinner-wrapper-' + size, color ? 'spinner-wrapper-' + color : null, classes)}> <div className='spinner-circle' /> <div className='spinner-inner'>A</div> </div> ); } }); export default AscribeSpinner;