import "./shortcut_badge.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type ShortcutDescriptor } from "./keyboard";
import { type StyleProps } from "./style_props";
export interface ShortcutBadgeProps extends StyleProps {
    shortcut: string | ShortcutDescriptor;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * The keystroke that reaches a control, printed beside it.
 *
 * It renders NOTHING on a phone, which is the whole reason it is a component:
 * a shortcut is a promise about a keyboard, and printing one where there is no
 * keyboard is an affordance that cannot be taken. That is a question about the
 * DEVICE, so it reads the window rather than the box it sits in.
 *
 * The run at the fixed rung IS the root, so the pill wears
 * `lotics-shortcut-badge` beside `lotics-text` on the one box.
 */
export declare function ShortcutBadge(props: ShortcutBadgeProps): React.JSX.Element | null;