2017-07-14 22:18:07 +08:00
|
|
|
import React from 'react';
|
2018-01-08 14:17:18 +08:00
|
|
|
import { styles } from './styles.scss';
|
2016-07-29 03:49:16 +08:00
|
|
|
|
2017-07-14 22:18:07 +08:00
|
|
|
const LoadingScreen = ({ children }) => (
|
|
|
|
<div className={styles.background}>
|
|
|
|
<div className={styles.spinner}>
|
|
|
|
<div className={styles.bounce1} />
|
|
|
|
<div className={styles.bounce2} />
|
2018-12-10 09:08:16 +08:00
|
|
|
<div />
|
2017-07-14 22:18:07 +08:00
|
|
|
</div>
|
|
|
|
<div className={styles.message}>
|
|
|
|
{children}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
|
2016-07-29 03:49:16 +08:00
|
|
|
export default LoadingScreen;
|