/**
 * Rendered into the page canvas, which gets the design system's component
 * styles but not pds-core: its AI visuals come from `pds-ai-visuals.css`, and
 * `styles.css` sizes the icons in px.
 */
import React from 'react';
import type { AgentIconName } from '../utils/actorDisplayName.js';
export interface AgentBlockOverlayProps {
    /** The name the editor shows for the agent */
    actorName: string;
    /** The icon beside the name; Zappy's bolt unless the agent is not the platform's own */
    iconName?: AgentIconName;
    /** Name of the person the agent is acting for */
    onBehalfOf?: string;
    /** Whether the agent is mid-edit, rather than holding the blocks idle */
    isEditing: boolean;
    /** How many blocks this marker covers; defaults to one */
    blockCount?: number;
    /** Called when the reader asks for the agent to stop */
    onStop: () => void;
}
/**
 * The badge on a block an agent holds and, while it works, a banner naming who
 * asked for the work, with a control to stop it.
 */
export declare function AgentBlockOverlay({ actorName, iconName, onBehalfOf, isEditing, blockCount, onStop, }: AgentBlockOverlayProps): React.JSX.Element;