import type { ReactNode } from "react"; /** Props for a single keyboard key cap. */ export interface KbdProps { /** Key glyph or word shown on the cap. */ children: ReactNode; /** `sm` is 20px tall (default); `xs` is 16px. */ size?: "xs" | "sm"; /** Test id on the `` element. */ "data-testid"?: string; } /** Props for a key chord such as `mod+k`, rendered as one `Kbd` per key. */ export interface KbdShortcutProps { /** Chord in `AppSwitcher` notation, e.g. `mod+shift+k`. */ shortcut: string; /** Cap size of every key; same scale as `Kbd`. */ size?: KbdProps["size"]; /** Forces Apple glyphs (⌘ ⇧) or Ctrl/Shift words; defaults to platform detection. */ isApple?: boolean; /** Test id on the wrapper that carries the spoken chord label. */ "data-testid"?: string; }