export const createContext = value => {
  const context = reactCreateContext(value);

  export const withContext = Component => {
    const C = props => (
      <context.Consumer>
        {context => <Component {...context} {...props} />}
      </context.Consumer>
    );

    C.displayName = `withContext(${Component.displayName || Component.name})`;

    return C;
  };

  return {
    Provider: context.Provider,
    Consumer: context.Consumer,
    withContext,
  };
};