import { StatCard } from "../StatCard";
import { Target, TrendingUp, Sparkles } from "lucide-react";

export default function StatCardExample() {
  return (
    <div className="p-8 grid grid-cols-1 md:grid-cols-3 gap-4">
      <StatCard icon={Target} label="Total Plans" value={12} />
      <StatCard icon={TrendingUp} label="Completion Rate" value="78%" iconClassName="bg-success/10 text-success" />
      <StatCard icon={Sparkles} label="AI Queries" value={45} iconClassName="bg-ai-accent/10 text-ai-accent" />
    </div>
  );
}
