import { ElementType, ReactNode } from 'react';
import { ModelUsageRow } from '../hooks/use-model-usage-cost-metrics';
export interface ModelUsageCostCardViewProps {
    rows: ModelUsageRow[] | undefined;
    isLoading: boolean;
    isError: boolean;
    /** Optional drilldown for a row in the table. */
    getRowHref?: (row: ModelUsageRow) => 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 ModelUsageCostCardView({ rows, isLoading, isError, getRowHref, actions, LinkComponent, }: ModelUsageCostCardViewProps): import("react/jsx-runtime").JSX.Element;
