import type { ReactNode } from 'react';
import type { UsageStats } from '../../lib/api-client/usage';
import { type NeoAccent } from './neopop';
import type { UsageDay, UsageTotals } from './useUsageDashboardData';
/** Direction is semantic, not numeric: more spend is not automatically good. */
export declare function DeltaBadge({ current, previous, invert, }: {
    current: number;
    previous: number | null;
    invert?: boolean;
}): import("react/jsx-runtime").JSX.Element;
export interface StatTileProps {
    label: string;
    value: string;
    hint: ReactNode;
    /** Colours the value only; the tile itself stays neutral. */
    accent?: NeoAccent;
    action?: ReactNode;
}
/** Headline metric tile: neutral surface, hard drop, accented number. */
export declare function StatTile({ label, value, hint, accent, action, }: StatTileProps): import("react/jsx-runtime").JSX.Element;
export interface UsageHeroProps {
    totals: UsageStats['totals'];
    previous: UsageTotals | null;
    series: UsageDay[];
    activeDays: number;
    rangeLabel: string;
}
export declare function UsageHero({ totals, previous, series, activeDays, rangeLabel, }: UsageHeroProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=UsageHero.d.ts.map