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

dayStart: Math.floor(modulo(
            props.shiftTemplate.durationBetweenRotationStartAndTemplateStart.asDays(),
            props.rotationLength,
          )) + 1,
          startTime: moment('2018-01-01')
            .add(props.shiftTemplate.durationBetweenRotationStartAndTemplateStart).format('LT'),
          dayEnd: Math.floor(modulo(durationBetweenRotationStartAndEnd.asDays(),
            props.rotationLength)) + 1,
          endTime: moment('2018-01-01')
            .add(durationBetweenRotationStartAndEnd).format('LT'),
        })}

      
      <button> props.onEdit(props.shiftTemplate)}
        variant={ButtonVariant.link}
      &gt;
        
      </button>
      <button> props.onDelete(props.shiftTemplate)}
        variant={ButtonVariant.link}
      &gt;
        
      </button>
    
  );
};

);

)}
        
      )}
      {!showStorages && (
        
          
            <title size="lg">
              No disks attached
            </title>
            <button>} variant={ButtonVariant.link}&gt;
              {ADD_DISK}
            </button>
          
        
      )}
    
  );
};

export const ServerSideExceptionDialog: React.FC> = (props) => {
  const [isOpen, setIsOpen] = React.useState(false);
  const dialogBody = createStackTrace(props);
  const { t } = useTranslation("ServerSideException");
  
  return (
    <>
      {t(props.i18nKey, props.messageParameters)}
      <button aria-label="Show Stack Trace"> setIsOpen(true)}
      &gt;
        {props.children}
      </button>
       setIsOpen(false)}
        actions={(
          <button aria-label="Close"> setIsOpen(false)}
          &gt;
            {t("close")}
          </button>
        )}

onClick={() => {
                    const result = authKeys.filter((val, i) => i !== idx);
                    onEntryChange(
                      CloudInitDataFormKeys.SSH_AUTHORIZED_KEYS,
                      areAuthKeysEmpty(result) ? undefined : result,
                    );
                  }}
                />
              
            
          );
        })}
        <button id="{asId(joinIDs(CloudInitDataFormKeys.SSH_AUTHORIZED_KEYS,">}
          variant={ButtonVariant.link}
          isDisabled={isDisabled}
          isInline
          onClick={() =&gt; {
            onEntryChange(CloudInitDataFormKeys.SSH_AUTHORIZED_KEYS, [...authKeys, '']);
          }}
        &gt;
          Add SSH Key
        </button>
      
    
  );
};

return ;
      case 'storage':
        return ;
      default:
        return null;
    }
  };

  return (
    <div>
      {resourceComponent()}
      
        
          <button aria-label="create" type="button">
            
          </button>
          <button aria-label="close" type="button">
            </button></div>

)}
        
      )}
      {!showNetworks && (
        
          
            <title size="lg">
              No network interface added
            </title>
            <button>} variant={ButtonVariant.link}&gt;
              {ADD_NETWORK_INTERFACE}
            </button>
          
        
      )}
    
  );
};

name="namespace-filter"
            placeholder="Filter by Name..."
            value={this.props.filter}
            onChange={this.onFilterChange}
          />
          {this.props.filter && (
            
              <button>
                
              </button>
            
          )}
        
        <div>
          <button aria-label="clear-all" disabled="{this.props.activeNamespaces.length">
            Clear all
          </button>
        </div>
      
    );
  }

>
                {REVIEW_AND_CREATE}
              
            )}
            {!activeStep.hideBackButton && !isLastStep && (
              <button>
                Back
              </button>
            )}
            {!activeStep.hideCancelButton &amp;&amp; (
              <button>
                Cancel
              </button>
            )}
          
        );
      }}

render() {
    const graphTypeKey: string = _.findKey(GraphType, val => val === this.props.graphType)!;
    const edgeLabelModeKey: string = _.findKey(EdgeLabelMode, val => val === this.props.edgeLabelMode)!;
    return (
      <>
        
          <div style="{{">
            {this.props.node ? (
              <button>
                Back to full {GraphToolbar.GRAPH_TYPES[graphTypeKey]}
              </button>
            ) : (
              
                
              
            )}
            <div>
              </div></div>