"use client"

import { MenubarShortcut } from "@/components/ui/menubar"
import type { DocsShortcutId } from "@/lib/drive/docs-keyboard-shortcuts-config"
import { useDocsKeyboardShortcutsStore } from "@/lib/stores/docs-keyboard-shortcuts-store"

export function DocsMenuShortcut({ shortcutId }: { shortcutId: DocsShortcutId }) {
  const label = useDocsKeyboardShortcutsStore((state) => state.formatShortcut(shortcutId))

  if (!label) return null
  return <MenubarShortcut>{label}</MenubarShortcut>
}
