1 files changed, 13 insertions, 0 deletions
diff --git a/components/Splash.js b/components/Splash.js
new file mode 100644
index 0000000..7976de4
--- /dev/null
+++ b/components/Splash.js
@@ -0,0 +1,13 @@
+import styles from 'styles/Main.module.scss'
+import React from 'react'
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'
+import {faBan, faSpinner} from '@fortawesome/free-solid-svg-icons'
+
+const Splash = ({type, fixed = false}) => (
+  <div className={`${type === 'connection' ? styles.connection : styles.loader} ${fixed ? styles.fixed : ''}`}>
+    <FontAwesomeIcon icon={type === 'connection' ? faBan : faSpinner} />
+    <p>{type === 'connection' ? 'No connection' : 'Loading...'}</p>
+  </div>
+)
+
+export default Splash