import type { ButtonHTMLAttributes, ElementType, ReactNode } from "react";
/**
 * StatTile — big number + label + optional delta + optional icon.
 *
 * Dual mode based on `onClick`:
 *   - With onClick → renders as `<button>` with hover state + trailing
 *     ArrowUpRight chevron (navigation affordance).
 *   - Without onClick → renders as static `<div>`.
 *
 * Delta trend drives icon + color: up=success/TrendingUp, down=destructive/
 * TrendingDown, flat=muted/Minus. Big value uses font-display + tabular-nums.
 *
 * @example
 *   <StatTile value="42" label="Projects" />
 *   <StatTile value="$1,234" label="MRR" icon={DollarSign}
 *             delta={{ value: "+12%", trend: "up" }} onClick={openBilling} />
 */
export interface StatTileProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "value" | "children"> {
    value: ReactNode;
    label: ReactNode;
    icon?: ElementType;
    delta?: {
        value: ReactNode;
        trend: "up" | "down" | "flat";
    };
}
declare const StatTile: import("react").ForwardRefExoticComponent<StatTileProps & import("react").RefAttributes<HTMLElement>>;
export { StatTile };