import { jsx } from 'react/jsx-runtime';
import { c as cn } from '../utils-DdHUxIdC.js';

function Kbd$1({ className, ...props }) {
    return (jsx("kbd", { "data-slot": "kbd", className: cn("pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none in-data-[slot=tooltip-content]:bg-background/20 in-data-[slot=tooltip-content]:text-background dark:in-data-[slot=tooltip-content]:bg-background/10 [&_svg:not([class*='size-'])]:size-3", className), ...props }));
}
function KbdGroup$1({ className, ...props }) {
    return (jsx("kbd", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props }));
}

const Kbd = (props) => (jsx(Kbd$1, { ...props }));
const KbdGroup = (props) => (jsx(KbdGroup$1, { ...props }));

export { Kbd, KbdGroup };
//# sourceMappingURL=Kbd.js.map
