import { LucideIcon } from "lucide-react";

export function DashboardStat({ label, value, icon: Icon }: { label: string; value: string | number; icon: LucideIcon }) {
  return (
    <div className="glass rounded-lg p-5">
      <div className="flex items-center justify-between">
        <p className="text-sm text-white/55">{label}</p>
        <Icon className="text-cyanx" size={20} />
      </div>
      <p className="mt-4 font-display text-3xl font-black text-white">{value}</p>
    </div>
  );
}