import { ElementType, ReactNode } from 'react';
import { TokenUsageByAgentRow } from '../hooks/use-token-usage-by-agent-metrics';
export interface TokenUsageByAgentCardViewProps {
    data: TokenUsageByAgentRow[] | undefined;
    isLoading: boolean;
    isError: boolean;
    /** Optional drilldown: returns an href for a single row in either tab. */
    getRowHref?: (row: TokenUsageByAgentRow) => string | undefined;
    /** Optional slot for top-bar action buttons. */
    actions?: ReactNode;
    /** Override how drilldown links are rendered. Defaults to `<a>`. */
    LinkComponent?: ElementType;
}
export declare function TokenUsageByAgentCardView({ data, isLoading, isError, getRowHref, actions, LinkComponent, }: TokenUsageByAgentCardViewProps): import("react/jsx-runtime").JSX.Element;
