1
0
mirror of https://github.com/ascribe/onion.git synced 2024-06-16 17:43:17 +02:00
onion/js/components/ascribe_spinner.js
2015-12-04 14:34:59 +01:00

36 lines
953 B
JavaScript

'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;