Files
v10/dist/dev/ui/tooltip/tooltip-shortcut.js

25 lines
904 B
JavaScript

"use client";
import { renderElement } from "../../utils/use-render.js";
import { useTooltipContext } from "./context.js";
import { forwardRef } from "react";
//#region src/ui/tooltip/tooltip-shortcut.tsx
/** Keyboard shortcut hint; apply skin `className` (CSS: `media-tooltip__kbd`; Tailwind: `popup.tooltipShortcut`). */
const TooltipShortcut = forwardRef(function TooltipShortcut({ render, className, style, children, ...elementProps }, forwardedRef) {
const { state, stateAttrMap, content } = useTooltipContext();
const shortcut = children !== void 0 && children !== null ? children : content?.shortcut ?? null;
if (!shortcut) return null;
return renderElement("kbd", {
render,
className,
style
}, {
state,
stateAttrMap,
ref: forwardedRef,
props: [elementProps, { children: shortcut }]
});
});
//#endregion
export { TooltipShortcut };
//# sourceMappingURL=tooltip-shortcut.js.map