import { Button } from '@/components/ui/button' import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '@/components/ui/dropdown-menu' import { SiTwitch } from '@icons-pack/react-simple-icons' import { Twitch } from 'lucide-react' import Link from 'next/link' import type { Player } from '../types' import { PlayerAvatar } from './player-avatar' type NextMatchInfoCardProps = { player1: Player player2: Player week: number | string bestOf: number } export function NextMatchInfoCard({ player1, player2, week, bestOf, }: NextMatchInfoCardProps) { return (
{typeof week === 'string' ? week : `Week ${week}`}
Best of {bestOf}

{player1.name}
vs
{player2.name}

{player1.name} {player2.name}
) }