/* @flow */

'use strict';

import React from 'react';
// import FullScreen from 'react-fullscreen';
import Theme from 'circuitsim-theme';
// import ComponentSelector from 'circuitsim-component-selector';
import CircuitDiagram from '../src/CircuitDiagram.js';

// expose for devTools
window.React = React;

    // <ComponentSelector theme={ Theme }  />
React.render(
  <div >
    <CircuitDiagram theme={ Theme }  />
  </div>,
  document.getElementById('circuitsim')
);

@@ -48,16 +48,48 @@
 react';%0A
+import %7B Style %7D from 'radium';%0A
 // impor
@@ -164,19 +164,16 @@
 theme';%0A
-// 
 import C
@@ -287,60 +287,377 @@
 ';%0A%0A
-// expose for devTools%0Awindow.React = React;%0A%0A    //
+const COLORS = Theme.COLORS;%0Aconst %7BlineHeight, fontSize, fontFamily%7D = Theme.TYPOGRAPHY;%0A%0A// expose for devTools%0Awindow.React = React;%0A%0AReact.render(%0A  %3Cdiv %3E%0A    %3CStyle%0A      rules=%7B%7B%0A        '*': %7B%0A          lineHeight,%0A          fontSize,%0A          fontFamily,%0A          backgroundColor: COLORS.background,%0A          color: COLORS.base%0A        %7D%0A      %7D%7D%0A    /%3E%0A   
  %3CCo
@@ -692,39 +692,16 @@
 e %7D  /%3E%0A
-React.render(%0A  %3Cdiv %3E%0A
     %3CCir

Add ComponentSelector