import { ChevronRight } from 'lucide-react';
import { ReactNode } from 'react';
import { Box } from './Box';
import { Card } from './Card';
import { Icon } from './Icon';
import { Image } from './Image';
import { Text } from './Text';
export interface LeagueCardProps {
children: ReactNode;
onClick?: () => void;
coverUrl: string;
logo?: ReactNode;
badges?: ReactNode;
}
export const LeagueCard = ({ children, onClick, coverUrl, logo, badges }: LeagueCardProps) => {
return (
{badges}
{logo && (
{logo}
)}
{children}
);
};
export interface LeagueCardStatsProps {
label: string;
value: string;
percentage: number;
intent?: 'primary' | 'success' | 'warning';
}
export const LeagueCardStats = ({ label, value, percentage, intent = 'primary' }: LeagueCardStatsProps) => {
const intentColors = {
primary: 'var(--ui-color-intent-primary)',
success: 'var(--ui-color-intent-success)',
warning: 'var(--ui-color-intent-warning)',
};
return (
{label}
{value}
);
};
export interface LeagueCardFooterProps {
children: ReactNode;
}
export const LeagueCardFooter = ({ children }: LeagueCardFooterProps) => (
{children}
VIEW
);