feat(theme): add simple implementation of provider/consumer

src/framework/theme/index.ts

@@ -1 +1,5 @@
 export const description = '@rk-kit/theme';
+import getThemeProvider from './primitives/themeProvider';
+import withTheme from './primitives/themeConsumer';
+
+export {getThemeProvider, withTheme};

src/framework/theme/primitives/createContext.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const {Consumer, Provider} = React.createContext({});
+
+export {Consumer, Provider};

src/framework/theme/primitives/themeConsumer.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import {Consumer} from './createContext';
+
+function withTheme(Component) {
+  return (
+    <Consumer>
+      {theme => {
+        return React.cloneElement(Component, {theme});
+      }}
+    </Consumer>
+  )
+}
+
+export default withTheme;

src/framework/theme/primitives/themeProvider.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import {Provider} from './createContext';
+
+interface PropsType {
+  children: JSX.Element,
+  theme: Object
+}
+
+function getThemeProvider() {
+  return class ThemeProvider extends React.PureComponent<PropsType> {
+
+    static defaultProps = {
+      theme: {}
+    };
+
+    render() {
+      return (
+        <Provider value={this.props.theme}>
+          {this.props.children}
+        </Provider>
+      )
+    }
+  }
+}
+
+export default getThemeProvider;