Create loading spinner

recipes/src/components/Icon/index.tsx

@@ -9,7 +9,7 @@ export type IconProps = {
   icon: string,
   className?: string,
   fill?: string,
-  width?: number,
+  width?: 'auto' | number,
   height?: number,
   material?: boolean,
 }

recipes/src/components/Spinner/styles.scss

@@ -0,0 +1,15 @@
+.cbk-spinner {
+  position: fixed;
+  width: 100%;
+  height: 100vh;
+  background-color: rgba(255,255,255,0.7);
+  top: 0;
+  left: 0;
+  z-index: 99;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    width: 15%;
+  }
+}