2016-04-13 14:49:03 +09:00
|
|
|
import React, { PropTypes, Component } from 'react';
|
2016-04-03 15:56:12 +09:00
|
|
|
|
2016-04-13 14:49:03 +09:00
|
|
|
const Loading = ({color}) => {
|
2016-04-03 15:56:12 +09:00
|
|
|
return (
|
2016-04-13 14:49:03 +09:00
|
|
|
<div className={color === "white" ? "spinner white" : "spinner"}>
|
2016-04-03 15:56:12 +09:00
|
|
|
<div className="bounce1"></div>
|
|
|
|
<div className="bounce2"></div>
|
|
|
|
<div className="bounce3"></div>
|
|
|
|
</div>
|
|
|
|
)
|
|
|
|
}
|
|
|
|
|
2016-04-13 14:49:03 +09:00
|
|
|
Loading.propTypes = {
|
|
|
|
color: React.PropTypes.string
|
|
|
|
}
|
|
|
|
|
2016-08-05 18:26:55 +02:00
|
|
|
Loading.defaultProps = {
|
2016-04-13 14:49:03 +09:00
|
|
|
color: "black"
|
|
|
|
}
|
|
|
|
|
2016-05-22 16:42:24 +09:00
|
|
|
Loading.displayName = "Loading";
|
|
|
|
|
2016-04-03 15:56:12 +09:00
|
|
|
module.exports = Loading;
|
|
|
|
export default Loading;
|