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

export const Visits: React.FC = ({
  depot,
  visits,
  removeHandler,
}: Props) => (
  <>
    
      
    
    {/* TODO do not show depots */}
     undefined}
      depot={depot}
      visits={visits}
    />
  
);

variant={PageSectionVariants.light}
          className="overview-table-page"
        >
          
            
              
                
                  {this.icap(this.entity)}
                
              

              
                
                
                  <button>
                    Cancel
                  </button>
                  <button>
                    Update
                  </button>

const {
      address,
      port,
      username,
      password,
      connecting,
      connectError,
      isValid
    } = this.state;
    return this.props.isConnectFormOpen ? (
      <div>
        <div>
          <div>
            <form>
              
                
                
              
              
                </form></div></div></div>

>
          {" "}
          
            
              
                
                  {this.icap(this.entity)}
                
                {this.parentItem()}
              

              
                
                
              
            

            
              <datalist aria-label="Simple data list example">
                {this.state.logRecords.map((rec, i) =&gt; {
                  return (
                    </datalist>

export function UnderConstruction() {
  return (
    
      <div>
        
          
            
              
            
          
          
            
              
            
          
        
      </div>
    
  );
}

render() {
    return (
      
        
        
        
        
        
        
      
    );
  }
}

const ContentViewsPage = () => {
  const response = useSelector(selectContentViews);
  const status = useSelector(selectContentViewStatus);
  const error = useSelector(selectContentViewError);

  return (
    
      
        
          
        
      
      
        
      
    
  );
};

);
    }

    return (
      
        
          
            
              
                
                  {this.icap(this.entity)}
                
              

              
                
                
                  <button>
                    Cancel
                  </button>
                  <button>Create</button>

{
      key: 'history',
      title: __('History'),
      content: ,
    },
  ];

  return (
    
      
        
          
            
              
                
                  
                
              
              
                
              
            
          
          
            <button href="{`/foreman_tasks/tasks?search=resource_type%3D+Katello%3A%3AContentView+resource_id%3D${cvId}`}" aria-label="view tasks button">
              {'View tasks '}</button>

render() {

    const { carregando, evento } = this.state;
    return (
      
        {carregando ?  :
          evento ?