import React from 'react';
/**
 * Props for the StatCard component
 *
 * @example
 * // See {@link StatCard} for usage
 */
export interface StatCardProps {
    /** Card title */
    title: string;
    /** Main value displayed prominently */
    value: string | number;
    /** Icon element to display in the card */
    icon: React.ReactNode;
    /** Color theme for the value and icon. Defaults to 'primary'. */
    color?: 'primary' | 'success' | 'warning' | 'error' | 'info';
    /** Optional percentage change to display with trending indicator */
    change?: number;
}
/**
 * Stat card component displaying a metric with optional trending indicator.
 * Shows a title, value, icon, and optional change percentage with up/down indicator.
 * Includes a hover effect that lifts the card.
 *
 * @example
 * <StatCard
 *   title="Total Users"
 *   value="1,234"
 *   icon={<PeopleIcon />}
 *   color="success"
 *   change={12}
 * />
 */
export declare const StatCard: React.NamedExoticComponent<StatCardProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=StatCard.d.ts.map