import { Logo } from '@/ui/Logo';
import { Users } from 'lucide-react';
 
export interface TeamLogoProps {
  teamId?: string;
  src?: string;
  alt: string;
  size?: number;
  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
}
 
export function TeamLogo({ 
  teamId, 
  src, 
  alt, 
  size = 48, 
  rounded = 'md',
}: TeamLogoProps) {
  const logoSrc = src || (teamId ? `/media/teams/${teamId}/logo` : undefined);
 
  return (
    <Logo
      src={logoSrc}
      alt={alt}
      size={size}
      rounded={rounded}
      icon={Users}
    />
  );
}