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 */
  }
}