25 lines
566 B
JavaScript
25 lines
566 B
JavaScript
|
/**
|
||
|
|
* 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>
|
||
|
|
);
|
||
|
|
};
|