How to use the semantic-ui-react.Button function in semantic-ui-react

fileName: _jsxFileName,
          lineNumber: 28
        }
      }, _react2.default.createElement('link', {
        rel: 'stylesheet',
        href: '//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.12/semantic.min.css',
        __source: {
          fileName: _jsxFileName,
          lineNumber: 29
        }
      }), _react2.default.createElement('h3', {
        __source: {
          fileName: _jsxFileName,
          lineNumber: 33
        }
      }, 'Open Campaigns'), this.renderCampaigns(), _react2.default.createElement(_semanticUiReact.Button, { content: 'Create Campaign', icon: 'add circle', primary: true, __source: {
          fileName: _jsxFileName,
          lineNumber: 35
        }
      })));
    }
  }], [{

tableData,
      renderBodyRow(args) {
        return h(
          semantic.Table.Row,
          {key: String(args)},
          args.map(text => {
            return h(semantic.Table.Cell, text)
          })
        )
      }
    })
    let button
    if ((part.specs || []).length > 4) {
      button = h(div, {style: {display: 'flex', justifyContent: 'center'}}, [
        h(
          semantic.Button,
          {
            onClick: this.toggleExpanded,
            size: 'tiny',
            basic: true
          },
          this.state.expanded ? '⇡' : '...'
        )
      ])
    }
    return h(semantic.Popup, custom, [
      div({className: 'topAreaContainer'}, [
        h(
          div,
          {
            style: {
              display: 'flex',

{ key: obj._id || obj.id },
                _react2.default.createElement(
                  _semanticUiReact.Table.Cell,
                  null,
                  headerToString(obj, header.id)
                ),
                _react2.default.createElement(
                  _semanticUiReact.Table.Cell,
                  null,
                  headerToString(obj, header.title)
                ),
                _react2.default.createElement(
                  _semanticUiReact.Table.Cell,
                  null,
                  _react2.default.createElement(
                    _semanticUiReact.Button,
                    {
                      type: 'submit',
                      color: 'black',
                      className: 'action-btn',
                      id: obj._id ? '_id:' + obj._id + ':' + idType : 'id:' + obj.id + ':' + idType,
                      onClick: routeToView
                    },
                    'view'
                  ),
                  _react2.default.createElement(
                    _semanticUiReact.Button,
                    {
                      type: 'submit',
                      color: 'black',
                      className: 'action-btn',
                      id: obj._id ? '_id:' + obj._id + ':' + idType : 'id:' + obj.id + ':' + idType,

value: function generateModal(fields, propName) {
      var _this4 = this;

      var to = (fields[propName].nestedFields.length / 2).toFixed(0);
      var from = fields[propName].nestedFields.length - to;
      return _react2.default.createElement(
        _semanticUiReact.Modal,
        {
          id: propName + 'Modal',
          trigger: _react2.default.createElement(
            _semanticUiReact.Button,
            {
              icon: true,
              className: 'selector-add',
              onClick: function onClick(e) {
                return _this4.getOptionsForModal(e, fields[propName].nestedFields);
              }
            },
            _react2.default.createElement(_semanticUiReact.Icon, { name: 'plus' })
          ),
          className: 'graphql-cms_modal graphql-cms'
        },
        _react2.default.createElement(
          _semanticUiReact.Modal.Header,
          null,
          'Add new select option for "',
          propName,

disabled: !schema.resolvers.create || !schema.resolvers.create.allowed
              },
              'add new'
            ) : null,
            _react2.default.createElement(
              _semanticUiReact.Button,
              {
                type: 'submit',
                color: 'black',
                onClick: !schema.resolvers.update ? null : this.update,
                disabled: !schema.resolvers.update || !schema.resolvers.update.allowed
              },
              'save'
            ),
            _react2.default.createElement(
              _semanticUiReact.Button,
              {
                type: 'submit',
                color: 'black',
                id: currentItemId,
                onClick: !schema.resolvers.remove ? null : remove,
                disabled: !schema.resolvers.remove || !schema.resolvers.remove.allowed
              },
              'remove'
            )
          ),
          _react2.default.createElement(
            _semanticUiReact.Grid,
            { as: _semanticUiReact.Form },
            _react2.default.createElement(
              _semanticUiReact.Grid.Row,
              { columns: 2 },

name: item.typeName,
                id: item.typeName,
                active: activeItem === item.typeName,
                onClick: handleMenuClick
              },
              item.label
            );
          }),
          _react2.default.createElement(
            _semanticUiReact.Menu.Item,
            {
              className: 'github',
              href: 'https://github.com/sarkistlt/graphql-auto-generating-cms',
              target: '_blink'
            },
            _react2.default.createElement(_semanticUiReact.Button, {
              inverted: true,
              content: 'GitHub',
              icon: 'github'
            })
          )
        ),
        _react2.default.createElement(
          _semanticUiReact.Dropdown,
          {
            as: _semanticUiReact.Grid.Column,
            text: 'NAVIGATION MENU',
            floating: true,
            labeled: true,
            button: true,
            className: 'icon mobile-nav',
            only: 'tablet mobile'

)
                )
              );
            })
          ),
          _react2.default.createElement(
            _semanticUiReact.Table.Footer,
            null,
            _react2.default.createElement(
              _semanticUiReact.Table.Row,
              null,
              _react2.default.createElement(
                _semanticUiReact.Table.HeaderCell,
                { colSpan: '3' },
                _react2.default.createElement(
                  _semanticUiReact.Button,
                  {
                    type: 'submit',
                    color: 'black',
                    className: 'add-btn',
                    onClick: addNewItem,
                    disabled: !schema.resolvers.create || !schema.resolvers.create.allowed
                  },
                  'add new'
                ),
                _react2.default.createElement(
                  _semanticUiReact.Menu,
                  { floated: 'right', pagination: true },
                  _react2.default.createElement(
                    _semanticUiReact.Menu.Item,
                    { as: 'a', icon: true, onClick: previewsPage },
                    _react2.default.createElement(_semanticUiReact.Icon, { name: 'left chevron', disabled: !offset })