Added withTheme HOC

src/index.js

@@ -1,3 +1,5 @@
 import Form from "./components/Form";
+import withTheme from "./withTheme";
 
+export { withTheme };
 export default Form;

src/withTheme.js

@@ -0,0 +1,35 @@
+import React, { Component } from "react";
+import PropTypes from "prop-types";
+import Form from "./";
+
+function withTheme(data) {
+  return class extends Component {
+    render() {
+      let { templates, widgets, fields, ...restData } = this.props;
+      templates = { ...data.templates, ...templates };
+      widgets = { ...data.widgets, ...widgets };
+      fields = { ...data.Fields, ...fields };
+      let ThemedForm = Form;
+      if (data.form) {
+        ThemedForm = data.form;
+      }
+      return (
+        <ThemedForm
+          {...restData}
+          {...templates}
+          widgets={widgets}
+          fields={fields}
+        />
+      );
+    }
+  };
+}
+
+withTheme.propTypes = {
+  form: PropTypes.object,
+  widgets: PropTypes.object,
+  fields: PropTypes.object,
+  templates: PropTypes.object,
+};
+
+export default withTheme;