84 lines
2.4 KiB
JavaScript
84 lines
2.4 KiB
JavaScript
import './tournamentBracket.css';
|
|
|
|
|
|
//
|
|
export default function TournamentBracket(props) {
|
|
return <>
|
|
<section class="round quarterfinals">
|
|
<div class="winners">
|
|
<div class="matchups">
|
|
<div class="matchup">
|
|
<div class="participants">
|
|
<div class="participant winner"><span>Uno</span></div>
|
|
<div class="participant"><span>Ocho</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="matchup">
|
|
<div class="participants">
|
|
<div class="participant"><span>Dos</span></div>
|
|
<div class="participant winner"><span>Siete</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="connector">
|
|
<div class="merger"></div>
|
|
<div class="line"></div>
|
|
</div>
|
|
</div>
|
|
<div class="winners">
|
|
<div class="matchups">
|
|
<div class="matchup">
|
|
<div class="participants">
|
|
<div class="participant"><span>Treis</span></div>
|
|
<div class="participant winner"><span>Seis</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="matchup">
|
|
<div class="participants">
|
|
<div class="participant"><span>Cuatro</span></div>
|
|
<div class="participant winner"><span>Cinco</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="connector">
|
|
<div class="merger"></div>
|
|
<div class="line"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="round semifinals">
|
|
<div class="winners">
|
|
<div class="matchups">
|
|
<div class="matchup">
|
|
<div class="participants">
|
|
<div class="participant winner"><span>Uno</span></div>
|
|
<div class="participant"><span>Dos</span></div>
|
|
</div>
|
|
</div>
|
|
<div class="matchup">
|
|
<div class="participants">
|
|
<div class="participant winner"><span>Seis</span></div>
|
|
<div class="participant"><span>Cinco</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="connector">
|
|
<div class="merger"></div>
|
|
<div class="line"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="round finals">
|
|
<div class="winners">
|
|
<div class="matchups">
|
|
<div class="matchup">
|
|
<div class="participants">
|
|
<div class="participant winner"><span>Uno</span></div>
|
|
<div class="participant"><span>Seis</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</>
|
|
} |