Cosmos Proxy for Glamorous Theme

glamorous-proxy.js

import createThemeProviderProxy from './glamorous-theme-provider-proxy';
import { mainTheme } from 'theme/theme';

export default () => {
  return createThemeProviderProxy({
    theme: mainTheme,
  });
};

glamorous-theme-provider-proxy.js

import React from 'react';
import proxyPropTypes from 'react-cosmos-utils/lib/proxy-prop-types';
import { ThemeProvider } from 'glamorous';
import { mainTheme } from 'theme/theme';

const defaults = {
  theme: mainTheme,
};

export default function createThemeProviderProxy(options) {
  const { theme } = { ...defaults, ...options };

  class ThemeProviderProxy extends React.Component {
    render() {
      const { nextProxy, fixture } = this.props;

      return React.createElement(ThemeProvider,
        { theme },
        React.createElement(nextProxy.value, {
          ...this.props,
          nextProxy: nextProxy.next(),
          fixture,
        }));
    }
  }

  ThemeProviderProxy.propTypes = proxyPropTypes;

  return ThemeProviderProxy;
}