Merge development

1 files changed, 26 insertions, 0 deletions

diff --git a/packages/dev-tools-pages/ts/components/base.tsx b/packages/dev-tools-pages/ts/components/base.tsx
new file mode 100644
index 000000000..4eb4e3ae3
--- /dev/null
+++ b/packages/dev-tools-pages/ts/components/base.tsx
@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { ThemeProvider } from 'styled-components';
+
+import { Footer } from 'ts/components/footer';
+import { Header } from 'ts/components/header';
+import { ThemeContext } from 'ts/context';
+import { GlobalStyles } from 'ts/globalStyles';
+
+interface BaseProps {
+    context: any;
+}
+
+const Base: React.StatelessComponent<BaseProps> = props => (
+    <ThemeContext.Provider value={props.context}>
+        <ThemeProvider theme={props.context}>
+            <React.Fragment>
+                <GlobalStyles colors={props.context.colors} />
+                <Header />
+                {props.children}
+                <Footer />
+            </React.Fragment>
+        </ThemeProvider>
+    </ThemeContext.Provider>
+);
+
+export { Base };