// src/components/PopUp/RatingSet.jsx

export default function RatingSet() {
  // Ezeket lehet később props-ból vagy API-ból is betölteni
  const stats = [
    { label: "Win Rate", value: "68%" },
    { label: "Success Rate", value: "85%" },
    { label: "My cards rate", value: "72%" },
  ];

  return (
    <div className="p-6 w-full max-w-md">
      <h1 className="text-2xl font-bold text-center mb-4">Statisztikák</h1>
      <div className="space-y-6">
        {stats.map((stat, index) => (
          <div
            key={index}
            className="flex justify-between items-center rounded-lg p-4 shadow-md bg-gray-50 border-l-4 border-indigo-500"
          >
            <p className="text-gray-800 font-semibold">{stat.label}</p>
            <span className="text-lg font-bold text-indigo-700">{stat.value}</span>
          </div>
        ))}
      </div>
    </div>
  );
}
