feat: add withStyles() interface

README.md

@@ -4,6 +4,8 @@
 
 Super lite CSS-in-JS solution.
 
+- Does not create wrapper components.
+
 
 ## Usage
 

addon/withStyles.js

@@ -0,0 +1,28 @@
+'use strict';
+
+exports.addon = function (renderer) {
+    renderer.withStyles = function (map, fn, block) {
+        block = block || fn.displayName || fn.name;
+
+        var styles = this.sheet(map, block);
+        var Component = function (props) {
+            if (process.env.NODE_ENV !== 'production') {
+                return fn(Object.assign({}, props, {
+                    styles: styles
+                }));
+            }
+
+            props.styles = styles;
+
+            return fn(props);
+        };
+
+        if (process.env.NODE_ENV !== 'production') {
+            if (block) {
+                Component.displayName = block;
+            }
+        }
+
+        return Component;
+    };
+};