export const LeaderboardRowSkeleton = () => {
  return (
    <div className="flex justify-between items-center animate-pulse">
      <div className="flex items-center gap-3">
        {/* Rank / Trophy */}
        <div className="w-12 h-12 rounded-full bg-gray-200" />

        {/* Avatar */}
        <div className="w-12 h-12 rounded-full bg-gray-300" />

        {/* Name */}
        <div className="h-4 w-32 bg-gray-200 rounded" />
      </div>

      {/* XP */}
      <div className="flex items-center gap-2">
        <div className="h-4 w-10 bg-gray-200 rounded" />
        <div className="w-5 h-5 rounded bg-gray-200" />
      </div>
    </div>
  );
};