feat: export ThemeProvider instead of theme

2 files changed, 15 insertions, 4 deletions

diff --git a/src/lib/theme.js b/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js
index 96ab00e..48eca72 100644
--- a/src/lib/theme.js
+++ b/src/lib/components/BenzinThemeProvider/BenzinThemeProvider.js
@@ -1,6 +1,8 @@
-import { createMuiTheme } from '@material-ui/core/styles'
+import React from 'react';
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles'
 
-const theme = createMuiTheme({
+
+const benzinTheme = createMuiTheme({
   palette: {
     type: 'dark',
     primary: {
@@ -23,4 +25,13 @@ const theme = createMuiTheme({
   },
 });
 
-export default theme;
+
+const BenzinThemeProvider = ({ children }) => (
+  <ThemeProvider theme={benzinTheme}>
+    {children}
+  </ThemeProvider>
+);
+
+
+export default BenzinThemeProvider;
+
diff --git a/src/lib/index.js b/src/lib/index.js
index a983a23..0476c34 100644
--- a/src/lib/index.js
+++ b/src/lib/index.js
@@ -2,4 +2,4 @@ export { default as Window } from './components/Window/Window';
 export { default as Header } from './components/Header/Header';
 export { default as ContentSection } from './components/ContentSection/ContentSection';
 export { default as SmartList } from './components/SmartList/SmartList';
-export { default as theme } from './theme';
+export { default as BenzinThemeProvider } from './components/BenzinThemeProvider/BenzinThemeProvider';