How to use the datax-common.IconButtonStyles.greenStyle function in datax-common

renderAddParamButton() {
        return (
             this.onAddParam()}
            >
                <i style="{IconButtonStyles.greenStyle}">
                Add Parameter
            </i><i style="{IconButtonStyles.greenStyle}">
        );
    }
</i>

.map(batchType => {
                          return Object.assign({}, batchType, {
                              onClick: () => this.props.onNewBatch(batchType.key)
                          });
                      });

        return (
            
                <i style="{this.props.addBatchButtonEnabled">
                Add
            </i><i style="{this.props.addBatchButtonEnabled">
        );
    }
</i>

renderExecuteQueryButton() {
        const display = 'Run';
        const enableButton = this.props.executeQueryButtonEnabled && this.props.kernelId !== undefined && this.props.kernelId !== '';

        return (
            <div style="{toggleStyle}">
                 this.onExecuteQuery()}
                &gt;
                    <i style="{enableButton">
                    {display}
                </i><i style="{enableButton">
            </i></div><i style="{enableButton">
        );
    }
</i>

.map(sinkerType => {
                      return Object.assign({}, sinkerType, {
                          onClick: () => this.props.onNewSinker(sinkerType.key)
                      });
                  });

        return (
            
                <i style="{this.props.addOutputSinkButtonEnabled">
                Add
            </i><i style="{this.props.addOutputSinkButtonEnabled">
        );
    }
</i>