import { jsx, jsxs } from "react/jsx-runtime";
import * as React from "react";
import { cn } from "@open-mercato/shared/lib/utils";
function Kbd({ children, className, ...props }) {
  return /* @__PURE__ */ jsx(
    "kbd",
    {
      className: cn(
        "inline-flex items-center rounded-sm border border-border bg-muted px-1.5 py-0.5 font-mono text-xs text-muted-foreground shadow-xs",
        className
      ),
      ...props,
      children
    }
  );
}
function KbdShortcut({ keys, className }) {
  return /* @__PURE__ */ jsx("span", { className: cn("inline-flex items-center gap-1", className), children: keys.map((key, i) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
    /* @__PURE__ */ jsx(Kbd, { children: key }),
    i < keys.length - 1 && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "+" })
  ] }, i)) });
}
export {
  Kbd,
  KbdShortcut
};
//# sourceMappingURL=kbd.js.map
