1 files changed, 11 insertions, 0 deletions
diff --git a/mascara/src/app/first-time/loading-screen.js b/mascara/src/app/first-time/loading-screen.js
new file mode 100644
index 000000000..732b7f2d7
--- /dev/null
+++ b/mascara/src/app/first-time/loading-screen.js
@@ -0,0 +1,11 @@
+import React, {Component, PropTypes} from 'react'
+import Spinner from './spinner'
+
+export default function LoadingScreen({ className = '', loadingMessage }) {
+  return (
+    <div className={`${className} loading-screen`}>
+      <Spinner color="#1B344D" />
+      <div className="loading-screen__message">{loadingMessage}</div>
+    </div>
+  );
+}