import { t as e } from "../../utils-B7XIe3qq.js";
import * as t from "react";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region src/react/primitives/kbd.tsx
function i({ className: i, keys: a, children: o, ...s }) {
	return /* @__PURE__ */ n("span", {
		"data-slot": "kbd",
		className: e("inline-flex items-center gap-0.5", i),
		...s,
		children: a ? a.map((i, a) => /* @__PURE__ */ r(t.Fragment, { children: [a > 0 && /* @__PURE__ */ n("span", {
			className: "text-foreground-muted text-xs",
			children: "+"
		}), /* @__PURE__ */ n("kbd", {
			className: e("border-border-glass bg-glass text-foreground inline-flex h-5 min-w-5 items-center justify-center rounded-md border px-1.5 text-xs font-medium backdrop-blur-[20px]", "font-mono shadow-sm"),
			children: i
		})] }, a)) : o
	});
}
//#endregion
export { i as Kbd };

//# sourceMappingURL=kbd.js.map