@applicaster/zapp-react-dom-app/App/Splash/Spinner.js

// @flow
import React from "react";

import "./spinner-styles.css";

export const Spinner = color => {
  const spinnerColor = {
    background: color.color,
  };
  return (
    <div>
      <div id="progress">
        <div className="spinner">
          <div style={spinnerColor} className="bar1" />
          <div style={spinnerColor} className="bar2" />
          <div style={spinnerColor} className="bar3" />
          <div style={spinnerColor} className="bar4" />
          <div style={spinnerColor} className="bar5" />
          <div style={spinnerColor} className="bar6" />
          <div style={spinnerColor} className="bar7" />
          <div style={spinnerColor} className="bar8" />
          <div style={spinnerColor} className="bar9" />
          <div style={spinnerColor} className="bar10" />
          <div style={spinnerColor} className="bar11" />
          <div style={spinnerColor} className="bar12" />
        </div>
      </div>
    </div>
  );
};