How to use the bpk-react-utils.wrapDisplayName function in bpk-react-utils

('ontouchstart' in window ||
        // eslint-disable-next-line no-undef
        (window.DocumentTouch && document instanceof DocumentTouch))
    ),
    onOpen: null,
    // Input props
    className: null,
    onClick: null,
    onFocus: null,
    onBlur: null,
    onTouchEnd: null,
    onKeyDown: null,
    onKeyUp: null,
  };

  WithOpenEvents.displayName = wrapDisplayName(
    InputComponent,
    'withOpenEvents',
  );

  return WithOpenEvents;
};

}
  }

  WithAccordionItemState.propTypes = {
    initiallyExpanded: PropTypes.bool,
    expanded: PropTypes.bool,
    onClick: PropTypes.func,
  };

  WithAccordionItemState.defaultProps = {
    initiallyExpanded: false,
    expanded: false,
    onClick: null,
  };

  WithAccordionItemState.displayName = wrapDisplayName(
    ComposedComponent,
    'withAccordionItemState',
  );

  return WithAccordionItemState;
};

return (
         0) || animateOnLeave}
          {...rest}
        >
          {children}
        
      );
    }
  }

  component.displayName = wrapDisplayName(
    WrappedComponent,
    'withBannerAlertState',
  );

  return component;
};

DIRECTION_CHANGE_EVENT,
        this.onDirectionChange,
        false,
      );
    }

    onDirectionChange = () => {
      this.forceUpdate();
    };

    render() {
      return ;
    }
  }

  UpdateOnDirectionChange.displayName = wrapDisplayName(
    EnhancedComponent,
    'updateOnDirectionChange',
  );

  return UpdateOnDirectionChange;
};

getBarSelection = point => isEqual(this.state.selectedPoint, point);

    render() {
      const { ...rest } = this.props;

      return (
        
      );
    }
  }

  WithSelectedState.displayName = wrapDisplayName(
    ComposedComponent,
    'withSelectedState',
  );

  return WithSelectedState;
};

false,
      );
    }

    onThemeChange = e => {
      const { theme } = e.detail;
      this.setState({ theme });
      this.forceUpdate();
    };

    render() {
      return ;
    }
  }

  UpdateOnThemeChange.displayName = wrapDisplayName(
    EnhancedComponent,
    'updateOnThemeChange',
  );

  UpdateOnThemeChange.propTypes = {
    children: PropTypes.node.isRequired,
  };

  return UpdateOnThemeChange;
};

return (
        <div>
          
          
        </div>
      );
    }
  }

  WithScrim.displayName = wrapDisplayName(WrappedComponent, 'withScrim');

  return WithScrim;
};

return (
      <span style="{{">
        
      </span>
    );
  };

  WithAlignment.displayName = wrapDisplayName(Component, 'withAlignment');

  return WithAlignment;
}

this.setState(() => ({
        loading: false,
      }));
    };

    render() {
      return (
        
      );
    }
  }
  WithLoadingBehavior.displayName = wrapDisplayName(
    Component,
    'withLoadingBehavior',
  );
  return WithLoadingBehavior;
}

export default function withDescription(
  Component: AbstractComponent,
  description: string,
): AbstractComponent {
  const WithDescription = props => (
    <span>
      
      <span>
        {description}
      </span>
    </span>
  );

  WithDescription.displayName = wrapDisplayName(Component, 'withDescription');

  return WithDescription;
}