recompact/getDisplayName.js

A set of React high order components based on Rx.

'use strict';

exports.__esModule = true;
/**
 * Returns the display name of a React component. Falls back to 'Component'.
 *
 * @static
 * @category Utilities
 * @param {ReactClass|ReactFunctionalComponent} component
 * @returns {String} Returns the display name of the provided component.
 * @example
 *
 * const MyButton = () => <button />;
 * MyButton.displayName = 'MyButton';
 *
 * getDisplayName(MyComponent); // Will return "MyButton"
 */
var getDisplayName = function getDisplayName(Component) {
  if (typeof Component === 'string') {
    return Component;
  }

  if (!Component) {
    return undefined;
  }

  return Component.displayName || Component.name || 'Component';
};

exports.default = getDisplayName;