Higher Order Component demo

hoc-demo.js

function App(props){
  return `Message ${props.classes.button} ${props.classes.isActive}`;
}

const styles = {
  button: "btn-primary",
  isActive: "is-active"
};

const styledProps = withStyles(styles);

console.log( styledProps(App) );

function withStyles(obj){
  const props = { classes: {} };

  Object.keys(obj).forEach(k => {
    props.classes[k] = obj[k];
  });

  return function(app){
    return app(props);
  }
}