import { ElementType, ReactNode } from 'react';
import { VolumeRow } from '../hooks/use-trace-volume-metrics';
export type VolumeTab = 'agents' | 'workflows' | 'tools';
export interface TracesVolumeCardViewProps {
    data: {
        agentData: VolumeRow[];
        workflowData: VolumeRow[];
        toolData: VolumeRow[];
    } | undefined;
    isLoading: boolean;
    isError: boolean;
    /** Optional drilldown: returns href for clicking a whole bar row. */
    getRowHref?: (tab: VolumeTab, row: VolumeRow) => string | undefined;
    /** Optional drilldown: returns href for clicking the "Errors" segment of a bar. */
    getErrorSegmentHref?: (tab: VolumeTab, row: VolumeRow) => string | undefined;
    /**
     * Optional slot for top-bar action buttons.
     * Pass a function to receive the active tab so actions can scope themselves to the current entity type.
     */
    actions?: ReactNode | ((tab: VolumeTab) => ReactNode);
    /** Override how drilldown links are rendered (e.g. router-aware adapter). Defaults to `<a>`. */
    LinkComponent?: ElementType;
}
export declare function TracesVolumeCardView({ data, isLoading, isError, getRowHref, getErrorSegmentHref, actions, LinkComponent, }: TracesVolumeCardViewProps): import("react/jsx-runtime").JSX.Element;
