import * as React from 'react';
/**
 * `color/gray/gray-400`, centred. The role is `body-m-semibold` even though Figma names the style
 * `Headings/h6`: matched on the measured 16/24/600 ramp, where Strix's own `h6` is 18/26 and its `h7`
 * is 16/24 at weight 400.
 */
declare const labelStyles = "whitespace-nowrap text-center text-text-muted-figma";
export interface AgentTransferProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {
    /**
     * Whether the call has been handed over. Inks the agent row `blue-700` rather than
     * `accesible-red-dark-theme`; the user row is white either way. False is Figma's default variant.
     * @default false
     */
    transferred?: boolean;
    /**
     * Whether the labels are visible. False renders them `sr-only` rather than removing them: see the
     * note on the component.
     * @default true
     */
    showLabels?: boolean;
    /**
     * The upper row's label. A caller mid-transfer passes the second agent's name, which Figma cannot
     * supply — it says `Agent` in all nine frames.
     * @default 'Agent'
     */
    agentLabel?: string;
    /** @default 'You' */
    userLabel?: string;
}
/**
 * Figma's `.transfer-agent-animation` (22:4297): two labelled waveforms, the agent's above the
 * caller's, the agent's changing ink as the call is handed over.
 *
 * The nine frames are one storyboard, so `Frame` is not a prop — what they move between is the agent
 * row's ink. Their 16px inter-row gap and `opacity-0` blink are not exposed either: the frames state no
 * duration, easing or loop, so a cadence chosen here would be invented. The rows are flush.
 *
 * `showLabels={false}` renders `sr-only` rather than dropping the labels. Figma signals the transfer by
 * ink alone — `blue-700` is 1.96:1 on the page and 2.34:1 against the red it replaces — so the label is
 * the only non-chromatic carrier of the state.
 *
 * Figma's 2px gradient rule is not drawn: Dev Mode shows it at `w-px` and `opacity-0` in all nine
 * frames, so there is no frame to port it from. `--color-border-transfer-rule` stays minted, unpainted.
 *
 * @example <AgentTransfer />
 * @example <AgentTransfer transferred agentLabel="Sam" />
 */
export declare const AgentTransfer: React.ForwardRefExoticComponent<AgentTransferProps & React.RefAttributes<HTMLDivElement>>;
export { labelStyles as agentTransferLabelStyles };
//# sourceMappingURL=agent-transfer.d.ts.map