import { FC } from "react"; import { Heart, Users, Target, TrendingUp } from "lucide-react"; interface StatItemProps { icon: FC<{ className?: string }>; value: string; label: string; } const StatItem: FC = ({ icon: Icon, value, label }) => (
{value}
{label}
); const ProgressStats: FC = () => { const stats = [ { icon: Heart, value: "$12,350", label: "Raised So Far" }, { icon: Users, value: "105", label: "Generous Donors" }, { icon: Target, value: "$20,000", label: "Campaign Goal" }, { icon: TrendingUp, value: "61%", label: "Progress" }, ]; return (
{stats.map((stat) => ( ))}
); }; export default ProgressStats;