interface MetricCardProps {
  label: string;
  value: string | number;
  className?: string;
  valueColor?: string;
}

export function MetricCard({ label, value, className = '', valueColor = 'text-primary-400' }: MetricCardProps) {
  return (
    <div className={`bg-dark-500 rounded-lg p-4 ${className}`}>
      <div className="text-sm text-dark-200 mb-1">{label}</div>
      <div className={`text-2xl font-bold ${valueColor}`}>{value}</div>
    </div>
  );
}