import { TeamCard as UiTeamCard } from '@/components/teams/TeamCard';
import { TeamStatItem } from '@/components/teams/TeamStatItem';
import { Badge } from '@/ui/Badge';
import { Icon } from '@/ui/Icon';
import { Group } from '@/ui/Group';
import { Text } from '@/ui/Text';
import {
    Clock,
    Crown,
    Shield,
    Star,
    TrendingUp,
    Zap
} from 'lucide-react';

interface TeamCardProps {
  id: string;
  name: string;
  description?: string;
  logo?: string;
  memberCount: number;
  ratingLabel: string;
  winsLabel: string;
  racesLabel: string;
  performanceLevel?: 'beginner' | 'intermediate' | 'advanced' | 'pro';
  isRecruiting?: boolean;
  specialization?: 'endurance' | 'sprint' | 'mixed' | undefined;
  region?: string;
  languages?: string[] | undefined;
  leagues?: string[];
  category?: string;
  onClick?: () => void;
}

export function TeamCard({
  name,
  logo,
  memberCount,
  ratingLabel,
  winsLabel,
  racesLabel,
  performanceLevel,
  isRecruiting,
  region,
  onClick,
}: TeamCardProps) {
  return (
    <UiTeamCard
      name={name}
      logo={logo}
      memberCount={memberCount}
      ratingLabel={ratingLabel}
      winsLabel={winsLabel}
      racesLabel={racesLabel}
      isRecruiting={isRecruiting}
      onClick={onClick}
      region={region}
      performanceLevel={performanceLevel}
    />
  );
}