import { jsx as i } from "react/jsx-runtime";
import { c as n } from "../../index-BtlgVD4m.js";
import { kbdVariants as o } from "./types/KbdVariant.js";
const d = ({ variant: e = "default", children: r, ref: a, className: t, ...s }) => /* @__PURE__ */ i(
  "kbd",
  {
    ref: a,
    className: n([
      "inline-flex",
      "min-w-[var(--height-h-5)]",
      "items-center",
      "justify-center",
      "px-[var(--spacing-1)]",
      "py-[var(--spacing-1)]",
      "rounded-[var(--border-radius-default)]",
      "text-[length:var(--typography-base-sizes-extra-small-font-size)]",
      "font-[number:var(--font-weight-semibold)]",
      "uppercase",
      ...o[e],
      t
    ]),
    ...s,
    children: r
  }
);
d.displayName = "Kbd";
export {
  d as default
};
//# sourceMappingURL=Kbd.js.map
