import type { ReactNode } from "react"

/** 키캡 뱃지. 단축키 힌트 표시용(예: <Kbd>Ctrl</Kbd><Kbd>N</Kbd>). */
export function Kbd({ children }: { children: ReactNode }) {
  return (
    <kbd className="border-border bg-muted text-muted-foreground inline-flex h-4 min-w-4 items-center justify-center rounded border px-1 font-mono text-[10px] leading-none font-medium">
      {children}
    </kbd>
  )
}