1import { motion } from 'framer-motion';
2import { ShoppingBag, Users, DollarSign, ArrowUpRight } from 'lucide-react';
3
4const StatsCard = ({ title, value, change, icon: Icon, gradient }) => {
5 return (
6 <motion.div whileHover={{ y: -5 }} className="glass-card p-6 rounded-2xl">
7 <div className="flex items-center justify-between">
8 <div>
9 <p className="text-sm text-white/60">{title}</p>
10 <h2 className="text-2xl font-bold text-white">{value}</h2>
11 <p className="flex items-center gap-1 text-sm text-emerald-400">
12 <ArrowUpRight size={16} /> {change}%
13 </p>
14 </div>