Kbd

1import * as React from "react";
2 
3import { cn } from "@/lib/utils";
4 
5export interface KbdProps extends React.HTMLAttributes<HTMLElement> {}
6 
7const Kbd = React.memo(function Kbd({ className, ...props }: KbdProps) {
8  return (
9    <kbd
10      className={cn(
11        "inline-flex h-5 min-w-5 items-center justify-center rounded-[3px]",
12        "border-border-strong bg-background-elevated border px-1.5",
13        "text-mono text-foreground-muted text-[10px] font-medium",
14        "shadow-[inset_0_-1px_0_rgba(0,0,0,0.4)]",
15        className,
16      )}
17      {...props}
18    />
19  );
20});
21 
22export { Kbd };