1 files changed, 17 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..01e1c1998
--- /dev/null
+++ b/mascara/src/app/first-time/loading-screen.js
@@ -0,0 +1,17 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+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>
+  )
+}
+
+LoadingScreen.propTypes = {
+  className: PropTypes.string,
+  loadingMessage: PropTypes.string,
+}