components EnhancedChampionArena.tsx

0% Statements 0/39

0% Branches 0/1

0% Functions 0/1

0% Lines 0/39

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  'use client'

import { css } from '../../styled-system/css'
import { GameSelector } from './GameSelector'

interface EnhancedChampionArenaProps {
  onGameModeChange?: (mode: 'single' | 'battle' | 'tournament') => void
  onConfigurePlayer?: (playerId: number) => void
  className?: string
}

export function EnhancedChampionArena({ className }: EnhancedChampionArenaProps) {
  return (
    <div
      className={
        css({
          rounded: { base: 'xl', md: '2xl' },
          padding: { base: '2', sm: '3', md: '4' },
          display: 'flex',
          flexDirection: 'column',
          overflow: 'hidden',
        }) + (className ? ` ${className}` : '')
      }
    >
      {/* Game Selector - takes full height */}
      <div
        className={css({
          flex: 1,
          minHeight: 0,
          overflow: 'hidden',
          display: 'flex',
          flexDirection: 'column',
        })}
      >
        <GameSelector variant="detailed" showHeader={true} />
      </div>
    </div>
  )
}