import { ReactNode } from 'react';
import { LucideIcon } from 'lucide-react';
export interface KpiCardProps {
    value: ReactNode;
    /** Optional unit suffix (e.g., "yürütme/gün", "ms", "sayaç"); rendered next to value in muted style. */
    unit?: string;
    label: string;
    trend?: {
        value: number;
        direction: "up" | "down";
    };
    icon?: LucideIcon;
    accentColor?: string;
    size?: "default" | "compact";
    className?: string;
    /** Interactive card — role=button, Enter/Space, focus halo, hover elevation, cursor-pointer. */
    onClick?: () => void;
    /** Renders a Skeleton in place of the value (and suppresses the trend delta). */
    isLoading?: boolean;
    /** Inert + dimmed; disables click / tab when combined with `onClick`. */
    disabled?: boolean;
    /** Accessible name for the card — primarily labels the role=button when `onClick` is set (richer than the visible label+value). */
    "aria-label"?: string;
    /** Error state — value shows "—", an alert icon, and `errorMessage`. Takes precedence over `isLoading`; makes the card non-interactive. */
    isError?: boolean;
    /** Consumer-supplied error text shown under the value in the error state (message stays consumer-owned; the package owns only the chrome). */
    errorMessage?: ReactNode;
}
export declare function KpiCard({ value, unit, label, trend, icon: IconComponent, accentColor, size, className, onClick, isLoading, disabled, "aria-label": ariaLabel, isError, errorMessage, }: KpiCardProps): import("react").JSX.Element;
//# sourceMappingURL=KpiCard.d.ts.map