initial commit

src/components/Loading/index.js

@@ -0,0 +1,23 @@
+/**
+ * @prettier
+ * @flow
+ */
+
+import React from 'react';
+import type { Node } from 'react';
+
+import Logo from '../Logo';
+import Spinner from '../Spinner';
+
+import { Wrapper, Badge } from './styles';
+
+const Loading = (): Node => (
+  <Wrapper>
+    <Badge>
+      <Logo md={true} />
+    </Badge>
+    <Spinner />
+  </Wrapper>
+);
+
+export default Loading;

src/components/Loading/styles.js

@@ -0,0 +1,24 @@
+/**
+ * @prettier
+ * @flow
+ */
+
+import styled from 'react-emotion';
+
+export const Wrapper = styled.div`
+  && {
+    transform: translate(-50%, -50%);
+    top: 50%;
+    left: 50%;
+    position: absolute;
+  }
+`;
+
+export const Badge = styled.div`
+  && {
+    margin: 0 0 30px 0;
+    border-radius: 25px;
+    box-shadow: 0 10px 20px 0 rgba(69, 58, 100, 0.2);
+    background: #f7f8f6;
+  }
+`;