Misago/frontend/src/components/panel-message.js

import React from 'react';

export default class extends React.Component {
  getHelpText() {
    if (this.props.helpText) {
      /* jshint ignore:start */
      return <p className="help-block">
        {this.props.helpText}
      </p>;
      /* jshint ignore:end */
    } else {
      return null;
    }
  }

  render() {
    /* jshint ignore:start */
    return <div className="panel-body panel-message-body">
      <div className="message-icon">
        <span className="material-icon">
          {this.props.icon || 'info_outline'}
        </span>
      </div>
      <div className="message-body">
        <p className="lead">
          {this.props.message}
        </p>
        {this.getHelpText()}
      </div>
    </div>;
    /* jshint ignore:end */
  }
}