How to use the datax-common.Colors.neutralPrimary function in datax-common

{this.props.linkText}
                
            
        );
    }
}

const rootStyle = {
    marginRight: 30,
    marginTop: 16,
    marginBottom: 14,
    minWidth: 300,
    width: 400,
    maxWidth: 400,
    color: Colors.neutralPrimary,
    backgroundColor: Colors.white,
    border: `1px solid ${Colors.neutralQuaternaryAlt}`,
    boxShadow: `2px 2px 5px 0 rgba(218,218,218,.75)`
};

const imageClickStyle = {
    textDecoration: 'none'
};

const imageContainerStyle = {
    paddingLeft: 10,
    paddingRight: 10,
    paddingTop: 20,
    paddingBottom: 10,
    borderBottom: `1px solid ${Colors.neutralLight}`
};

};

const itemStyle = {
    backgroundColor: Colors.customBlueDarker,
    color: Colors.white,
    fontSize: 15,
    paddingTop: 9,
    paddingBottom: 9,
    minWidth: 180,
    textAlign: 'center',
    borderRight: `3px solid ${Colors.neutralTertiaryAlt}`,
    cursor: 'pointer',
    whiteSpace: 'nowrap',
    ':hover': {
        backgroundColor: Colors.customYellow,
        color: Colors.neutralPrimary,
        fontWeight: 600
    }
};

renderLink() {
        return (
            <div>
                
                    {this.props.urlText}
                
            </div>
        );
    }
}

const rootStyle = {
    marginRight: 30,
    marginBottom: 20,
    color: Colors.neutralPrimary,
    backgroundColor: Colors.white,
    display: 'flex',
    flexDirection: 'row'
};

const smallImageContainerStyle = {
    width: 32,
    padding: 4
};

const largeImageContainerStyle = {
    width: 40
};

const imageStyle = {
    width: '100%',