feat(theme): export ThemeProvider and remove theme HOC

Author: minheq

src/theme/ThemeProvider.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { DeepPartial } from 'ts-essentials';
+
+import { createTheme } from './createTheme';
+import { defaultTheme } from './default-theme';
+import { ThemeContext } from './ThemeContext';
+import { Theme } from './ThemeInterface';
+
+export interface ThemeProviderProps {
+  children?: React.ReactNode;
+  value?: DeepPartial<Theme>;
+}
+
+export const ThemeProvider = (props: ThemeProviderProps) => {
+  const { children, value = defaultTheme } = props;
+
+  const theme = createTheme(value);
+
+  return (
+    <ThemeContext.Provider value={theme}>{children}</ThemeContext.Provider>
+  );
+};

src/theme/index.ts

@@ -1,6 +1,6 @@
 export { defaultTheme } from './default-theme';
 export * from './ThemeContext';
 export * from './ThemeInterface';
-export { default as withTheme } from './withTheme';
+export * from './ThemeProvider';
 export { createTheme } from './createTheme';
 export { useTheme } from './useTheme';