import React from 'react' ; import { RoundProps } from 'react-brackets' ; import LosingBracket from './losing-bracket' ; import WiningBracket from './wining-bracket' ; const wining = [ { title : 'Round 1' , seeds : [ { } , { id : 1 , date : new Date ( ) . toDateString ( ) , teams : [ { id : 1 , name : 'The Leons' , score : 2 } , ] , } , { } , { id : 1 , date : new Date ( ) . toDateString ( ) , teams : [ { id : 1 , name : 'The Leons' , score : 2 } , ] , } , ] , } , { title : 'Round 2' , seeds : [ ... new Array ( 2 ) ] . fill ( { id : 1 , date : new Date ( ) . toDateString ( ) , teams : [ { id : 1 , name : 'The Leons' , score : 2 } , { id : 3 , name : 'Kitties' , score : 6 } , ] , } ) , } , { title : 'Round 3' , seeds : [ ... new Array ( 1 ) ] . fill ( { id : 1 , date : new Date ( ) . toDateString ( ) , teams : [ { id : 1 , name : 'The Leons' , score : 2 } , { id : 3 , name : 'Kitties' , score : 6 } , ] , } ) , } , ] ; const losing = [ { title : 'Round 1' , seeds : [ { } , { id : 1 , date : new Date ( ) . toDateString ( ) , teams : [ { id : 1 , name : 'The Leons' , score : 2 } , ] , } , ] , } , { title : 'Round 2' , seeds : [ { } , { id : 1 , date : new Date ( ) . toDateString ( ) , teams : [ { id : 1 , name : 'The Leons' , score : 2 } , ] , } , ] , } , { title : 'Round 3' , seeds : [ { id : 1 , date : new Date ( ) . toDateString ( ) , teams : [ { id : 1 , name : 'The Leons' , score : 2 } , ] , } , ] , } , { title : 'Round 4' , seeds : [ { id : 1 , date : new Date ( ) . toDateString ( ) , teams : [ { id : 1 , name : 'The Leons' , score : 2 } , ] , } , ] , } , ] ; const DoubleElimination = ( ) => { return ( < div style = { { position : 'relative' } } > < WiningBracket rounds = { wining } /> < div style = { { height : 50 } } > < /div> < LosingBracket rounds = { losing } / > < /div>); } ; export default DoubleElimination ;