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

: Models.functionTypes.map(functionType => {
                  return Object.assign({}, functionType, {
                      onClick: () => this.props.onNewFunction(functionType.key)
                  });
              });

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

renderDeployButton() {
        if (!this.state.loading) {
            const enableButton =
                //Will be enabled when user has access and flow has valid configuration. 
                this.props.flowValidated && this.state.deployFlowButtonEnabled;
            return (
                 this.onDeployDefinition()}
                >
                    <i style="{enableButton">
                    Deploy
                </i><i style="{enableButton">
            );
        } else {
            return null;
        }
    }
</i>

!this.props.fetchingInputSchema &&
            this.props.getInputSchemaButtonEnabled;

        const samplingInputLabel = this.renderSamplingInputLabel(this.props.input.mode);

        return (
            <div style="{rightSideSettingsStyle}">
                
                    <i style="{enableButton">
                    {display}
                </i><i style="{enableButton">
                {samplingInputLabel}
            </i></div><i style="{enableButton">
        );
    }
</i>

renderDeleteAllKernelsButton() {
        const enableButton = this.props.deleteAllKernelsEnabled;
        const display = 'Clear All Kernels';
        return (
            <div style="{toggleStyle}">
                 this.props.onDeleteAllKernels(Actions.updateErrorMessage)}
                &gt;
                    <i style="{enableButton">
                    {display}
                </i><i style="{enableButton">
            </i></div><i style="{enableButton">
        );
    }
</i>