import { ReactNode } from 'react';
export interface InvoicingKpiCard {
    label: string;
    value: string;
    /** Optional period-over-period delta badge, e.g. "↑ 12.5%". */
    change?: string;
    /** Tone for the change badge; "up" = positive (green), "down" = negative (red). */
    changeTone?: "down" | "up";
    /** Optional helper line under the value, e.g. "Since Jan 12, 2026". */
    helper?: string;
    /** Optional corner icon (Figma: overview KPI cards). */
    icon?: ReactNode;
    /** Optional decorative wave in the bottom-right corner. */
    wave?: boolean;
}
export interface InvoicingKpiCardGridProps {
    cards: InvoicingKpiCard[];
    columns?: number;
}
/**
 * Shared KPI card strip used by the invoicing list scaffold, overview, and
 * analytics pages. Renders a responsive grid of label/value metric cards so the
 * card markup is defined once. Cards can optionally show a period-over-period
 * change badge (Figma: "MRR ↑ 12.5%").
 */
export declare function InvoicingKpiCardGrid({ cards, columns, }: Readonly<InvoicingKpiCardGridProps>): import("react/jsx-runtime").JSX.Element;
export default InvoicingKpiCardGrid;