How to use the @patternfly/react-core.TextVariants.p function in @patternfly/react-core

render() {
    return (
      this.props.isOpen && (
        <div>
          <div id="topicCogWrapper">
            
            
            
          </div>
          
            
          
          
            
          
        </div>
      )
    );
  }
}

<>
              
              {hasSubsets ? (
                
                  
                <table rows="{this.rowsSubset()}" aria-label="{'DestinationRule">
                  </table>
              ) : (
                
              )}
            
          
        
      
    );
  }

'Developer',
          app.plan.name,
          app.created_at
        ]
      })
    )
  }

  return (
    <>
      
        
          
        
        
          
        
      

      
        {rows
          && (
            
              
            <table rows="{rows}">
              </table>
          )}
      
    
  )

const Description = ({ children }) => 
  
;

let status: any = 'N/A';
    if (ns.validations && !this.isNamespaceEmpty(ns)) {
      status = (
        
          
        
      );
    }
    return (
      <>
        
      
    );
  }
}

render() {
    return (
      
        

public render() {
    return (
      <dialog data-testid="{'cicd-edit-dialog'}">
            <form>
              
              <div>
                <label>
                  {this.props.i18nInputLabel}
                </label>
                <div></div></div></form></dialog>

overviewLink(workload: WorkloadOverview) {
    return (
      <span>
        
          
        
      </span>
    );
  }

const {
    setFieldValue,
    values,
    isPVError,
    isFetchingPVList,
    currentPlan,
    getPVResourcesRequest,
    pvResourceList,
    isFetchingPVResources
  } = props;

  return (
    
      
        
          

render() {
    const validation = this.validation();
    const IconComponent = validation.icon;
    const hasMessage = !!this.props.message;
    if (hasMessage) {
      return (
        <div>
          
        </div>
      );
    } else {
      return ;
    }
  }
}