vonwao

/** @jsx React.DOM */

var BootstrapModalMixin = function() {
  var handlerProps =
    ['handleShow', 'handleShown', 'handleHide', 'handleHidden']

  var bsModalEvents = {
    handleShow: 'show.bs.modal'
  , handleShown: 'shown.bs.modal'
  , handleHide: 'hide.bs.modal'

vonwao

/** @jsx React.DOM */
'use strict';

// Components wrapping Twitter Bootstrap stuff
//

var BSNames = {
    // This isn't exhaustive. Need to think through what should go here. Should
    // be exclusive.
    bsClass: {'column': 'col', 'button': 'btn', 'btn-group': 'btn-group', 'label': 'label',

vonwao

Styled component use case

Styled component as standard react component

avoid creating middleware react component

before

const StyledIcon = styled(Icon)``;
export const HomeIcon = () => <StyledIcon uri="icn-home.svg" />;