1 files changed, 23 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/withContext.tsx b/packages/dev-tools-pages/ts/components/withContext.tsx
new file mode 100644
index 000000000..d38c0afe4
--- /dev/null
+++ b/packages/dev-tools-pages/ts/components/withContext.tsx
@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+import ThemeContext from '../context';
+
+interface Props {
+    title?: string;
+    name?: string;
+    subtitle?: string;
+    tagline?: string;
+    icon?: React.ReactNode;
+    colors?: any;
+}
+
+function withContext(WrappedComponent: any) {
+    function ComponentWithContext(props: any) {
+        return <ThemeContext.Consumer>{data => <WrappedComponent {...data} {...props} />}</ThemeContext.Consumer>;
+    }
+
+    return ComponentWithContext;
+}
+
+export default withContext;
+export { withContext, Props };