import { default as React } from 'react';
interface CardPolicyIntroTooltipProps {
    anchorRef: React.RefObject<HTMLElement>;
    onCloseClick: () => void;
    onCtaClick: () => void;
}
/**
 * Fixed dark "INTRODUCING — Cards Policy" callout anchored above the policy
 * icon in the cards list navbar. Visual structure mirrors `TreasuryTooltip`
 * in `appDrawerContent/MenuButton.tsx`, but the arrow points UP at the icon
 * and the position tracking is scoped to the navbar control rather than the
 * left rail menu row.
 *
 * The component is intentionally render-only: visibility (feature flag,
 * role, "seen" persistence) is computed by the host (`ChargeCardListScreen`)
 * and the existing MUI hover `Tooltip` keeps wrapping the icon, so when this
 * callout is hidden the regular "Card policy" hover label still works.
 */
export default function CardPolicyIntroTooltip({ anchorRef, onCloseClick, onCtaClick, }: CardPolicyIntroTooltipProps): React.ReactPortal | null;
export {};
