{
  "version": 3,
  "sources": ["../../src/shortcut/index.tsx"],
  "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Internal dependencies\n */\n\n/**\n * Shortcut component is used to display keyboard shortcuts, and it can be customized with a custom display and aria label if needed.\n *\n * ```jsx\n * import { Shortcut } from '@wordpress/components';\n *\n * const MyShortcut = () => {\n * \treturn (\n * \t\t<Shortcut shortcut={{ display: 'Ctrl + S', ariaLabel: 'Save' }} />\n * \t);\n * };\n * ```\n */\nfunction Shortcut(props) {\n  const {\n    shortcut,\n    className\n  } = props;\n  if (!shortcut) {\n    return null;\n  }\n  let displayText;\n  let ariaLabel;\n  if (typeof shortcut === 'string') {\n    displayText = shortcut;\n  }\n  if (shortcut !== null && typeof shortcut === 'object') {\n    displayText = shortcut.display;\n    ariaLabel = shortcut.ariaLabel;\n  }\n  return /*#__PURE__*/_jsx(\"span\", {\n    className: className,\n    \"aria-label\": ariaLabel,\n    children: displayText\n  });\n}\nexport default Shortcut;"],
  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA4B;AAkB5B,SAAS,SAAS,OAAO;AACvB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AACA,MAAI;AACJ,MAAI;AACJ,MAAI,OAAO,aAAa,UAAU;AAChC,kBAAc;AAAA,EAChB;AACA,MAAI,aAAa,QAAQ,OAAO,aAAa,UAAU;AACrD,kBAAc,SAAS;AACvB,gBAAY,SAAS;AAAA,EACvB;AACA,SAAoB,uCAAAA,KAAK,QAAQ;AAAA,IAC/B;AAAA,IACA,cAAc;AAAA,IACd,UAAU;AAAA,EACZ,CAAC;AACH;AACA,IAAO,mBAAQ;",
  "names": ["_jsx"]
}