acklen-keystone/admin/client/App/isomorphic/components/utility/pwaloader.js

Web Application Framework and Admin GUI / Content Management System built on Express.js and Mongoose

import React from 'react';

export default PWALoader => (
	<div className="pwaLoaderWrapper">
		<div className="pwaLoader">
			<div className="animated-background">
				<div className="background-masker header-top" />
				<div className="background-masker header-right" />
				<div className="background-masker header-bottom" />
				<div className="background-masker subheader-right" />
				<div className="background-masker content-top" />
				<div className="background-masker content-first-end" />
				<div className="background-masker content-second-line" />
				<div className="background-masker content-second-end" />
				<div className="background-masker content-third-line" />
				<div className="background-masker content-third-end" />
			</div>
		</div>

		<div className="pwaLoader">
			<div className="animated-background">
				<div className="background-masker header-top" />
				<div className="background-masker header-right" />
				<div className="background-masker header-bottom" />
				<div className="background-masker subheader-right" />
				<div className="background-masker content-top" />
				<div className="background-masker content-first-end" />
				<div className="background-masker content-second-line" />
				<div className="background-masker content-second-end" />
				<div className="background-masker content-third-line" />
				<div className="background-masker content-third-end" />
			</div>
		</div>

		<div className="pwaLoader">
			<div className="animated-background">
				<div className="background-masker header-top" />
				<div className="background-masker header-right" />
				<div className="background-masker header-bottom" />
				<div className="background-masker subheader-right" />
				<div className="background-masker content-top" />
				<div className="background-masker content-first-end" />
				<div className="background-masker content-second-line" />
				<div className="background-masker content-second-end" />
				<div className="background-masker content-third-line" />
				<div className="background-masker content-third-end" />
			</div>
		</div>
	</div>
);