Using infernojs / reactjs components with transposed content

IconText.css

.text-wrapper {
  margin: 0px 10px 0px 34px;
  text-align: left;
}

IconText.js

// src/components/IconText/IconText.js
// import Inferno from 'inferno';
import Component from 'inferno-component';
import './IconText.css';
// import Inferno, { linkEvent } from 'inferno';
class IconText extends Component {
  render(props, state) {
    return (
      <div className={"IconText" + (props.className ? ' '+ props.className : '')}>
        <div className="float-left">
          <img src={props.icon} alt={props.alt || 'icon'} />
        </div>
        <div className="text-wrapper">
            {this.props.children}
        </div>
      </div>
    );
  }
}
export default IconText;

test.js

<IconText icon={info_icon} alt="tutor info">
  /* Random react code in here */
  <p className="card-intro">{tutor.intro}</p>
</IconText>