KeyboardShortcut.tsx raw

   1  import { useKeyboardNavigation } from '@/providers/KeyboardNavigationProvider'
   2  
   3  export default function KeyboardShortcut({ shortcut }: { shortcut: string }) {
   4    const { isEnabled } = useKeyboardNavigation()
   5  
   6    if (!isEnabled) return null
   7  
   8    return (
   9      <kbd className="absolute -top-1.5 -right-2 text-[9px] font-mono opacity-50 group-hover:opacity-100">
  10        {shortcut}
  11      </kbd>
  12    )
  13  }
  14