How to use the @patternfly/react-core.ButtonVariant.secondary function in @patternfly/react-core

render() {
    return (
      <>
        <span style="{{">
          {!this.props.readOnly &amp;&amp; (
            <span style="{{">
              <button>
                Save
              </button>
            </span>
          )}
          <span style="{{">
            <button>
              Reload
            </button>
          </span>
          <span style="{{">
            <button>
              {this.props.readOnly ? 'Close' : 'Cancel'}
            </button>
          </span>
        </span>
      
    );
  }

project={values.project}
      noProjectsAvailable={projects.loaded && _.isEmpty(projects.data)}
    />
    
    
    
      
        <button data-test-id="deploy-image-form-submit-btn" type="submit">
          Create
        </button>
        <button type="button">
          Cancel
        </button>
      
    
  
);

render() {
    return (
      
        
          <button id="textAreaButton1">
            Button
          </button>
          <textarea aria-label="textarea with buttons" id="textarea1" name="textarea1">          &lt;Button variant={ButtonVariant.tertiary}&gt;Button&lt;/Button&gt;
        &lt;/InputGroup&gt;
        &lt;br /&gt;
        &lt;br /&gt;
        &lt;InputGroup&gt;
          &lt;TextArea name="textarea2" id="textarea2" aria-label="textarea with button" /&gt;
          &lt;Button id="textAreaButton2" variant={ButtonVariant.tertiary}&gt;
            Button
          &lt;/Button&gt;
        &lt;/InputGroup&gt;
        &lt;br /&gt;
        &lt;br /&gt;
        &lt;InputGroup&gt;</textarea>

<button type="submit">
          Create
        </button>
        <button type="button">
          Cancel
        </button>
      
    
  
);

}).result,
      ),
    isDisabled: isLocked,
  };

  return (
    <div>
      
        
          <title size="lg">
            Disks
          </title>
        
        {showStorages &amp;&amp; (
          
            <button>
              {ADD_DISK}
            </button>
          
        )}
      
      {showStorages &amp;&amp; (
        &lt;&gt;
          <div>
            
          </div>
          {isBootDiskRequired &amp;&amp; (</div>

project={values.project}
      noProjectsAvailable={projects.loaded && _.isEmpty(projects.data)}
    />
    
    
    
      
        <button data-test-id="import-git-create-button" type="submit">
          Create
        </button>
        <button type="button">
          Cancel
        </button>
      
    
  
);

<button data-test-id="add-baremetal-host-form-submit-btn" type="submit">
            Create
          </button>
          <button type="button">
            Cancel
          </button>
        
      
    
  );
};

{showAlert && (
      
        Click Save to save changes or Reload to cancel.
      
    )}
    
      <button type="{handleSubmit">
        Save
      </button>
      <button type="button">
        Reload
      </button>
    
  
);

}).result,
      ),
    isDisabled: isLocked,
  };

  return (
    <div>
      
        
          <title size="lg">
            Network Interfaces
          </title>
        
        {showNetworks &amp;&amp; (
          
            <button>
              {ADD_NETWORK_INTERFACE}
            </button>
          
        )}
      
      {showNetworks &amp;&amp; (
        &lt;&gt;
          
          {isBootNICRequired &amp;&amp; (
            </div>

isSecondary,
  isTertiary,
  isDanger,
  isPlain,
  isLink,
  href,
  ...props
}) => (
  
);