What I want to style react components

StyledComponent.jsx

// This code does not work!
// It's just a thought about a way of adding style to a react component
React.createClass({
  render: function () {
    return (
      <div ref="module">
        <div ref="title">{ props.user.title }</div>
        <div ref="description">{ props.user.description }</div>
      </div>
    );
  },
  style: function () {
    return (
      module {
        padding: 1em;
      }
      title {
        font-size: 1.5em;
        // `@` cause I'm used to sass but could be any working syntax
        @if props.user.isAdmin {
          font-weight: bold;
        }
      }
    );
  }
});