import React from 'react';
interface StatisticsCardProps {
    title: string;
    value: string | number;
    iconbg: string;
    icon: React.ComponentType<any>;
    iconColor: string;
}
const StatisticsCard = ({ title, value, iconbg, icon, iconColor }: StatisticsCardProps) => {
    const Icon = icon as React.ElementType;
    return (
        <div className="my-3 flex items-center justify-between border-r px-8 py-5">
            <div className="flex items-center gap-4">
                <div className="space-y-3">
                    <div className="text-sm font-medium text-text-gray">{title}</div>
                    <div className="text-2xl font-bold">{String(value).slice(0, 6)}</div>
                </div>
            </div>
            <div className={`rounded-full p-3 ${iconbg}`}>
                <Icon className={`h-5 w-5 ${iconColor}`} />
            </div>
        </div>
    );
};

export default StatisticsCard;