import React from 'react';
/**
 * PisellGridProDataCard 组件属性接口
 */
export interface DataCardProps {
    /**
     * 统计卡片数据列表
     */
    dataItems?: StatCardItem[];
    /**
     * 自定义类名
     */
    className?: string;
    /**
     * 自定义样式
     */
    style?: React.CSSProperties;
}
/**
 * 统计卡片数据项接口
 */
export interface StatCardItem {
    /**
     * 唯一标识
     */
    key: string;
    /**
     * 卡片标题
     * @example "Total Orders"
     */
    title: React.ReactNode;
    /**
     * 主要数值
     * @example 50 或 "$1580"
     */
    value: React.ReactNode;
    /**
     * 对比数值
     * @example "+12" 或 "-230"
     */
    compareValue?: React.ReactNode;
    /**
     * 对比趋势
     * @description up-增长(绿色), down-下降(红色)
     * @default undefined
     */
    trend?: 'up' | 'down';
    /**
     * 对比前缀文本
     * @default "v.s. pre"
     */
    comparePrefix?: string;
    /**
     * 是否显示对比信息
     * @default true
     */
    showCompare?: boolean;
    /**
     * 自定义卡片样式
     */
    style?: React.CSSProperties;
    /**
     * 自定义卡片类名
     */
    className?: string;
    /**
     * 点击回调
     */
    onClick?: () => void;
}
