2018-04-12 21:57:16 -04:00
|
|
|
/**
|
|
|
|
* Overlay loader component
|
|
|
|
*
|
|
|
|
* @param {object} props
|
|
|
|
* @param {boolean} props.hidden
|
|
|
|
* @param {string} props.title
|
|
|
|
*/
|
|
|
|
export const Loader = (props) => {
|
|
|
|
return (
|
|
|
|
<section id="loading-shadow" hidden={props.hidden}>
|
|
|
|
<loading-wrapper>
|
|
|
|
<loading-content>
|
|
|
|
<h3>{props.title}</h3>
|
|
|
|
<br />
|
|
|
|
<cssload-loader>
|
|
|
|
<cssload-one className="cssload-inner" />
|
|
|
|
<cssload-two className="cssload-inner" />
|
|
|
|
<cssload-three className="cssload-inner" />
|
|
|
|
</cssload-loader>
|
|
|
|
</loading-content>
|
|
|
|
</loading-wrapper>
|
|
|
|
</section>
|
|
|
|
);
|
|
|
|
};
|
2018-06-01 16:01:29 -04:00
|
|
|
Loader.displayName = 'Loader';
|