/**
 * This file is part of the SplendidBear Websites' projects.
 *
 * Copyright (c) 2026 @ www.splendidbear.org
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

import React from 'react';
import { object } from 'prop-types';

export const Avatar = ({ player }) => {
  if (!player.registered) return '';

  return (
    <div className="timer-avatar">
      {player.avatar
        ? <img src={player.avatar} alt={player.name} className="timer-avatar__img" />
        : <span className="timer-avatar__initials">{player.name.slice(0, 2).toUpperCase()}</span>
      }
    </div>
  );
};

Avatar.propTypes = {
  player: object.isRequired,
};