@wordpress/components/build/icon/index.js

UI components for WordPress.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _element = require("@wordpress/element");

var _primitives = require("@wordpress/primitives");

var _dashicon = _interopRequireDefault(require("../dashicon"));

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
function Icon({
  icon = null,
  size,
  ...additionalProps
}) {
  if ('string' === typeof icon) {
    return (0, _element.createElement)(_dashicon.default, (0, _extends2.default)({
      icon: icon
    }, additionalProps));
  }

  if (icon && _dashicon.default === icon.type) {
    return (0, _element.cloneElement)(icon, { ...additionalProps
    });
  } // Icons should be 24x24 by default.


  const iconSize = size || 24;

  if ('function' === typeof icon) {
    if (icon.prototype instanceof _element.Component) {
      return (0, _element.createElement)(icon, {
        size: iconSize,
        ...additionalProps
      });
    }

    return icon({
      size: iconSize,
      ...additionalProps
    });
  }

  if (icon && (icon.type === 'svg' || icon.type === _primitives.SVG)) {
    const appliedProps = {
      width: iconSize,
      height: iconSize,
      ...icon.props,
      ...additionalProps
    };
    return (0, _element.createElement)(_primitives.SVG, appliedProps);
  }

  if ((0, _element.isValidElement)(icon)) {
    return (0, _element.cloneElement)(icon, {
      size: iconSize,
      ...additionalProps
    });
  }

  return icon;
}

var _default = Icon;
exports.default = _default;
//# sourceMappingURL=index.js.map