import type { ReactNode } from "react";
import { cn } from "./cn";

export function Kbd({ children, className }: { children: ReactNode; className?: string }) {
  return <kbd className={cn("inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-xs border border-hair-2 bg-surface px-1 font-sans text-[10.5px] font-medium text-ink-3", className)}>{children}</kbd>;
}