withStyle HOC for style-loader

withStyles.js

import React, { Component } from 'react';
import hoistStatics from 'hoist-non-react-statics';

function withStyles(style) {
  return function wrapWithStyles(ComposedComponent) {
    class WithStyles extends Component {
      componentWillMount() {
        style.use();
      }

      componentWillUnmount() {
        style.unuse();
      }

      render() {
        return <ComposedComponent {...this.props} />;
      }
    }

    const displayName = ComposedComponent.displayName || ComposedComponent.name || 'Component';

    WithStyles.displayName = `WithStyles(${displayName})`;
    WithStyles.ComposedComponent = ComposedComponent;

    return hoistStatics(WithStyles, ComposedComponent);
  };
}

export default withStyles;