import { Image } from './Image';

export interface LeagueLogoProps {
  leagueId: string;
  alt: string;
  size?: number;
}

export function LeagueLogo({ leagueId, alt, size = 100 }: LeagueLogoProps) {
  return (
    <Image
      src={`/media/leagues/${leagueId}/logo`}
      alt={alt}
      width={size}
      height={size}
      style={{ objectFit: 'contain' }}
      fallbackSrc="/default-league-logo.png"
    />
  );
}