StatsPanel.jsx

import React from 'react';

export default function StatsPanel({ data }) {
  const totalCitations = data.reduce((sum, r) => sum + r.citations, 0);
  const avgCitations   = data.length ? Math.round(totalCitations / data.length) : 0;
  const published      = data.filter(r => r.status === 'Published').length;
  const highImpact     = data.filter(r => r.impact === 'High').length;

  const stats = [
    { label: 'Papers',       value: data.length },
    { label: 'Published',    value: published },
    { label: 'High impact',  value: highImpact },
    { label: 'Total citations', value: totalCitations.toLocaleString() },
    { label: 'Avg citations',   value: avgCitations },
  ];

  return (
    <div className="stats-panel">
      <span className="filter-label">Summary</span>
      <div className="stats-grid">
        {stats.map(s => (
          <div key={s.label} className="stat-item">
            <span className="stat-value">{s.value}</span>
            <span className="stat-label">{s.label}</span>
          </div>
        ))}
      </div>
    </div>
  );
}