text: var __defProp = Object.defineProperty;
  var __defProps = Object.defineProperties;
  var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
  var __hasOwnProp = Object.prototype.hasOwnProperty;
  var __propIsEnum = Object.prototype.propertyIsEnumerable;
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
  var __spreadValues = (a, b) => {
    for (var prop in b || (b = {}))
      if (__hasOwnProp.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    if (__getOwnPropSymbols)
      for (var prop of __getOwnPropSymbols(b)) {
        if (__propIsEnum.call(b, prop))
          __defNormalProp(a, prop, b[prop]);
      }
    return a;
  };
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
  var __objRest = (source, exclude) => {
    var target = {};
    for (var prop in source)
      if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
        target[prop] = source[prop];
    if (source != null && __getOwnPropSymbols)
      for (var prop of __getOwnPropSymbols(source)) {
        if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
          target[prop] = source[prop];
      }
    return target;
  };
  import React, { forwardRef } from "react";
  import styled from "styled-components";
  import { Inline, KBD } from "../../primitives";
  const Root = styled.kbd`
    &:not([hidden]) {
      display: block;
    }
    font: inherit;
  `;
  const Key = styled(KBD)`
    &:not([hidden]) {
      display: block;
    }
  `;
  const Hotkeys = forwardRef(function Hotkeys2(props, ref) {
    const _a = props, { fontSize, keys, padding, radius, space = 1 } = _a, restProps = __objRest(_a, ["fontSize", "keys", "padding", "radius", "space"]);
    if (!keys || keys.length === 0) {
      return /* @__PURE__ */ React.createElement(React.Fragment, null);
    }
    return /* @__PURE__ */ React.createElement(Root, __spreadProps(__spreadValues({
      "data-ui": "Hotkeys"
    }, restProps), {
      ref
    }), /* @__PURE__ */ React.createElement(Inline, {
      as: "span",
      space
    }, keys.map((key, i) => /* @__PURE__ */ React.createElement(Key, {
      fontSize,
      key: i,
      padding,
      radius
    }, key))));
  });
  export {
    Hotkeys
  };
  