@wordpress/components/build/ui/shortcut/component.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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _context = require("../context");

/**
 * External dependencies
 */
// eslint-disable-next-line no-restricted-imports

/**
 * Internal dependencies
 */
function Shortcut(props, forwardedRef) {
  const {
    shortcut,
    className,
    ...otherProps
  } = (0, _context.useContextSystem)(props, 'Shortcut');

  if (!shortcut) {
    return null;
  }

  let displayText;
  let ariaLabel;

  if (typeof shortcut === 'string') {
    displayText = shortcut;
  } else {
    displayText = shortcut.display;
    ariaLabel = shortcut.ariaLabel;
  }

  return (0, _element.createElement)("span", (0, _extends2.default)({
    className: className,
    "aria-label": ariaLabel,
    ref: forwardedRef
  }, otherProps), displayText);
}

const ConnectedShortcut = (0, _context.contextConnect)(Shortcut, 'Shortcut');
var _default = ConnectedShortcut;
exports.default = _default;
//# sourceMappingURL=component.js.map