content: // @flow
  
  import React from 'react';
  
  import { Dialog } from '../../../base/dialog';
  import { translate } from '../../../base/i18n';
  import { connect } from '../../../base/redux';
  import AbstractGrantModeratorDialog
  , { abstractMapStateToProps } from '../AbstractGrantModeratorDialog';
  
  /**
   * Dialog to confirm a grant moderator action.
   */
  class GrantModeratorDialog extends AbstractGrantModeratorDialog {
      /**
       * Implements React's {@link Component#render()}.
       *
       * @inheritdoc
       * @returns {ReactElement}
       */
      render() {
          return (
              <Dialog
                  okKey = 'dialog.Yes'
                  onSubmit = { this._onSubmit }
                  titleKey = 'dialog.grantModeratorTitle'
                  width = 'small'>
                  <div>
                      { this.props.t('dialog.grantModeratorDialog', { participantName: this.props.participantName }) }
                  </div>
              </Dialog>
          );
      }
  
      _onSubmit: () => boolean;
  }
  
  export default translate(connect(abstractMapStateToProps)(GrantModeratorDialog));
  