import { ReactNode } from '../../../../node_modules/react'; import { NodeHoverToolbarProps } from './NodeHoverToolbar'; interface NodeWithHoverToolbarProps extends NodeHoverToolbarProps { children: ReactNode; selected?: boolean; showToolbar?: boolean; } /** * Wraps a node/note with a floating hover-action toolbar, using `useHoverToolbar()` + * `` as ordinary absolutely-positioned siblings rather than React Flow's own * `` — `` portals its content into a shared * `.react-flow__renderer` container outside this component's own DOM subtree * (`NodeToolbarPortal` → `createPortal`), so a bridge element placed "inside" it cannot sit, * as a DOM descendant, between this wrapper and the card the way a bridge must to keep hover * state from dropping. Rendering the toolbar as a plain sibling — CJO's actual approach in * `JourneyBuilderPage.tsx` — keeps the bridge, the toolbar, and the card in one DOM subtree so * hover state never drops while the pointer crosses the gap. */ declare function NodeWithHoverToolbarComponent({ children, selected, showToolbar, ...toolbarProps }: NodeWithHoverToolbarProps): import("react/jsx-runtime").JSX.Element; export declare const NodeWithHoverToolbar: import('../../../../node_modules/react').MemoExoticComponent; export {};