Add Background component

1 files changed, 24 insertions, 0 deletions

diff --git a/packages/website/ts/components/ui/background.tsx b/packages/website/ts/components/ui/background.tsx
new file mode 100644
index 000000000..808792a41
--- /dev/null
+++ b/packages/website/ts/components/ui/background.tsx
@@ -0,0 +1,24 @@
+import { colors } from '@0xproject/react-shared';
+import * as React from 'react';
+import { styled } from 'ts/style/theme';
+import { zIndex } from 'ts/style/z_index';
+
+export interface BackgroundProps {
+    color?: string;
+}
+
+const PlainBackground: React.StatelessComponent<BackgroundProps> = props => <div {...props} />;
+
+export const Background = styled(PlainBackground)`
+    background-color: ${props => props.color};
+    height: 100vh;
+    width: 100vw;
+    position: fixed;
+    z-index: ${zIndex.background};
+`;
+
+Background.defaultProps = {
+    color: colors.lightestGrey,
+};
+
+Background.displayName = 'Background';