@airbnb/lunar-icons/lib/withIcon.js

"use strict";

exports.__esModule = true;
exports.default = withIcon;

var _propTypes = _interopRequireDefault(require("prop-types"));

var _react = _interopRequireDefault(require("react"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function withIcon(name) {
  return WrappedComponent => {
    function Icon({
      accessibilityLabel,
      color = 'currentColor',
      decorative,
      flip,
      flipVertical,
      inline,
      size = '1em'
    }) {
      const props = {
        focusable: 'false',
        role: decorative ? 'presentation' : 'img',
        style: {
          height: size,
          width: size,
          display: inline ? 'inline' : 'block',
          fill: color,
          transform: flip || flipVertical ? "scale(" + (flip ? -1 : 1) + ", " + (flipVertical ? -1 : 1) + ")" : 'scale(1)',
          // keep scale(1) for transition flipping
          transition: 'transform 300ms ease-out'
        }
      };

      if ("production" !== process.env.NODE_ENV) {
        if (!accessibilityLabel && !decorative) {
          // eslint-disable-next-line no-console
          console.error('Missing `accessibilityLabel` or `decorative` for accessibility.');
        }

        if (accessibilityLabel && decorative) {
          // eslint-disable-next-line no-console
          console.error('Only one of `accessibilityLabel` or `decorative` may be used.');
        }
      }

      if (decorative) {
        props['aria-hidden'] = true;
      }

      if (accessibilityLabel) {
        props['aria-label'] = accessibilityLabel;
      }

      return /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
    }

    Icon.propTypes = {
      accessibilityLabel: _propTypes.default.string,
      decorative: _propTypes.default.bool,
      flip: _propTypes.default.bool,
      flipVertical: _propTypes.default.bool,
      size: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
      color: _propTypes.default.string,
      inline: _propTypes.default.bool
    };
    Icon.displayName = name;
    Icon.WrappedComponent = WrappedComponent;
    return Icon;
  };
}