import StatCard from '@/Components/Academy/StatCard';
import {
    StatIconAgents,
    StatIconBadge,
    StatIconCertificate,
    StatIconEnrollments,
    StatIconQuiz,
} from '@/Components/Academy/StatCardIcons';

const iconsByLabel = {
    Agents: StatIconAgents,
    'Course enrollments': StatIconEnrollments,
    Certificates: StatIconCertificate,
    'Pathway badges': StatIconBadge,
    'Quiz pass rate': StatIconQuiz,
};

export default function ReportStatCard({ label, value, hint, index = 0 }) {
    const Icon = iconsByLabel[label] ?? StatIconAgents;

    return (
        <StatCard
            label={label}
            value={value}
            hint={hint}
            icon={<Icon />}
            animationDelay={index * -0.6}
        />
    );
}