How to use the @patternfly/react-core.TextListItemVariants.dd function in @patternfly/react-core

render() {
    return (
      
        
          Web
          
            The part of the Internet that contains websites and web pages
          
          HTML
          A markup language for creating web pages
          CSS
          A technology to make HTML look better
        
      
    );
  }
}

className="customization-details__heading"
              >
                {this.props.i18nApiDefinitionHeading}
              
              
                
                  
                    {this.props.i18nNameLabel}
                  
                  
                    {this.props.apiConnectorName}
                  
                  
                    {this.props.i18nDescriptionLabel}
                  
                  
                    {this.props.apiConnectorDescription}
                  
                
              
              <title size="md">
                {this.props.i18nImportedHeading}
              </title>

> = props => {
  return (
    
      
        {props.i18nName}
      
      
        {props.extensionName}
      
      
        {props.i18nDescription}
      
      
        {props.extensionDescription ? props.extensionDescription : null}
      
      
        {props.i18nType}
      
      
        {props.i18nTypeMessage}
      
      
        {props.i18nLastUpdate}
      
      
        {props.i18nLastUpdateDate ? props.i18nLastUpdateDate : null}
      
    
  );

value={this.props.connectionDescription || ''}
                  allowEditing={
                    this.props.allowEditing && !this.props.isWorking
                  }
                  i18nPlaceholder={this.props.i18nDescriptionPlaceholder}
                  isTextArea={true}
                  onChange={this.props.onChangeDescription}
                />
              
              
                {this.props.i18nUsageLabel}
              
              
                {this.props.i18nUsageMessage}
              
            
          
        
      
    );
  }
}

{props.extensionActions.map((action: IAction, index: number) => (
            
              
                {action.name}
              
              
                {action.description}
              
            
          ))}

const Detail = ({ label, value, fullWidth }) => {
  if (!value && typeof value !== 'number') {
    return null;
  }
  return (
    
      
        {label}
      
      
        {value}
      
    
  );
};
Detail.propTypes = {

className={'review-actions__heading'}
              >
                {this.props.i18nApiDefinitionHeading}
              
              
                
                  
                    {this.props.i18nNameLabel}
                  
                  
                    {this.props.apiProviderName}
                  
                  
                    {this.props.i18nDescriptionLabel}
                  
                  
                    {this.props.apiProviderDescription}
                  
                
              
              <title size="{'md'}">
                {this.props.i18nImportedHeading}
              </title>

{props.i18nIdLabel}
              
              
                {props.extensionId}
              
              
                {props.i18nNameLabel}
              
              
                {props.extensionName}
              
              
                {props.i18nDescriptionLabel}
              
              
                {props.extensionDescription ? props.extensionDescription : null}

return (
    
      
        {label}
        {tooltip &&
          <span>
            
              
            
          </span>
        }
      
      
        {boolean ?
           :
          }
      
    
  );
};

const newVal =
                    newMode === YAML_MODE
                      ? jsonToYaml(currentValue)
                      : yamlToJson(currentValue);
                  setCurrentValue(newVal);
                  setMode(newMode);
                } catch (err) {
                  setError(err);
                }
              }}
            />
          
        
      
      
        
        {error && (
          <div>
            Error: {error.message}</div>