@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 _element = require("@wordpress/element");
var _primitives = require("@wordpress/primitives");
var _dashicon = _interopRequireDefault(require("../dashicon"));
var _jsxRuntime = require("react/jsx-runtime");
/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */

/**
 * Renders a raw icon without any initial styling or wrappers.
 *
 * ```jsx
 * import { wordpress } from '@wordpress/icons';
 *
 * <Icon icon={ wordpress } />
 * ```
 */
function Icon({
  icon = null,
  size = 'string' === typeof icon ? 20 : 24,
  ...additionalProps
}) {
  if ('string' === typeof icon) {
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dashicon.default, {
      icon: icon,
      size: size,
      ...additionalProps
    });
  }
  if ((0, _element.isValidElement)(icon) && _dashicon.default === icon.type) {
    return (0, _element.cloneElement)(icon, {
      ...additionalProps
    });
  }
  if ('function' === typeof icon) {
    return (0, _element.createElement)(icon, {
      size,
      ...additionalProps
    });
  }
  if (icon && (icon.type === 'svg' || icon.type === _primitives.SVG)) {
    const appliedProps = {
      ...icon.props,
      width: size,
      height: size,
      ...additionalProps
    };
    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SVG, {
      ...appliedProps
    });
  }
  if ((0, _element.isValidElement)(icon)) {
    return (0, _element.cloneElement)(icon, {
      // @ts-ignore Just forwarding the size prop along
      size,
      width: size,
      height: size,
      ...additionalProps
    });
  }
  return icon;
}
var _default = exports.default = Icon;
//# sourceMappingURL=index.js.map