yaak-mountain-loop/src-web/components/core/HotKeyLabel.tsx

import type { HotkeyAction } from '../../hooks/useHotKey';
import { useHotKeyLabel } from '../../hooks/useHotKey';

interface Props {
  action: HotkeyAction;
}

export function HotKeyLabel({ action }: Props) {
  const label = useHotKeyLabel(action);
  return <span>{label}</span>;
}