How to use the babel/utils/helper/icons/IconGenerator.getIcon function in babel

{...this.props.components.shareDisplay}
                {...this.props.components.map.crowdsourceLayer}>
               : null }
            
          
        );

        return sidePanel;
      default:
        // Translation Strings
        const CHANGE_VIEW_TO_GALLERY = viewerText.layouts.stacked.changeView.galleryView;
        const CHANGE_VIEW_TO_MAP = viewerText.layouts.stacked.changeView.mapView;

        // Icons
        const downArrowHtml = {
          __html: getIcon('arrow-down-open')
        };
        const upArrowHtml = {
          __html: getIcon('arrow-up-open')
        };

        const stacked = (
          <div>
            <div>
              <div>
                
                <div>
                  <span>{CHANGE_VIEW_TO_GALLERY}</span>
                  <span></span>
                </div>
              </div>
              <div></div></div></div>

<div>
        {this.props.featuresInExtent.length &gt; 1 ? (
          <div>
            <button aria-label="Previous" type="button">
            </button>
            <button aria-label="Next" type="button">
            </button>
            <button aria-label="Close" type="button">
            </button>
          </div>
        ) : (
          <div>
            </div></div>

render() {

    const mainClasses = Helper.classnames([this.props.className,this.props.classNames,'selected-share'],{
      scrolled: this.state.scrolled
    });

    return (
      <div>
        {this.props.featuresInExtent.length &gt; 1 ? (
          <div>
            <button aria-label="Previous" type="button">
            </button>
            <button aria-label="Next" type="button">
            </button>
            <button aria-label="Close" type="button">
            </button>
          </div></div>

render() {

    const btnClass = Helper.classnames(this.props.className,'text-btn');
    const icon = getIcon(this.props.icon);
    const iconHtml = {
      __html: icon
    };

    return (
      <button type="button"></button>
    );
  }

return contentObj.content;
      } else {
        return contentObj;
      }
    };

    return (
      <div role="dialog" tabindex="-1">
        <div>
          <div>
            <div>
              <div style="{this.props.headerStyle}">
                { this.props.closeButton ? (
                  <div>
                    <button aria-label="Close" type="button">
                      <span aria-hidden="true"></span>
                    </button>
                  </div>
                ) : null }
                <h4>
                  { parseContent(this.props.title) }
                </h4>
              </div>
              <div>
                { parseContent(this.props.body) }
              </div>
              <div>
                { parseContent(this.props.footer) }
              </div>
            </div>
          </div>
        </div></div>

<button aria-label="Close" type="button">
            </button>
          
        ) : (
          <div>
            <button aria-label="Close" type="button">
            </button>
          </div>
        )}

render() {

    const headerClass = Helper.classnames([this.props.className, 'header', 'navbar', 'main-app-header']);
    const participateIconHtml = {
      __html: getIcon('participate')
    };
    const participateBtn = this.props.showParticipateActionButton ? (
      <button> this.participateBtn = ref} className={Helper.classnames(['participate', 'btn', 'btn-primary', 'nav-btn'],{
          disabled: this.props.participationButtonDisabled
        })} onClick={this.participateAction}&gt;
        <span></span>
        <span>{this.props.participateShort}</span>
      </button>
    ) : null;

    const logoUrl = Helper.attachmentUtils.checkForCredential({
      url: this.props.logo.source,
      portal: this.props.portal
    });

    const includeSharing = Object.keys(this.props.sharing.services).filter((key) =&gt; {

title: builderText.shareApp.title,
      body: (
        <form> {
            e.preventDefault();
          }}&gt;
          <div>
            <div role="group">
              <button type="button">
                <span></span>
                <span>{builderText.shareApp.sharePermissions.private}</span>
              </button>
              <button type="button">
                <span></span>
                <span>{builderText.shareApp.sharePermissions.organization}</span>
              </button>
              </div></div></form>

render() {

    const shareClass = Helper.classnames([this.props.className, this.props.type, {
      'share': true,
      'share-btn': true,
      'text-btn': true
    }]);
    const icon = getIcon(this.props.type);
    const iconHtml = {
      __html: icon
    };

    return (
      <button title="{titleAttrText[this.props.type]}"></button>
    );
  }

{this.props.buttons.map((current) => {
          const buttonClasses = Helper.classnames([this.props.className,this.props.classNames,'text-btn',{
            active: this.props.selected === false && current.active
          }]);
          const icon = getIcon(current.icon);
          const iconHtml = {
            __html: icon
          };

          return (<button type="button">
            <span></span>
            <p>{current.name}</p>
          </button>);
        })}