import React , { ReactNode } from 'react' ; import { Seed , SeedItem , SeedTeam , SeedTime } from '../components/seed' ; import { RoundTitle } from '../components/round' ; import { RenderSeedProps } from '../brackets' ; export const renderTitle = ( title ) => < RoundTitle > { title } < /RoundTitle>; export const renderSeed = ( { seed , breakpoint } ) => { return ( < Seed mobileBreakpoint = { breakpoint } > < SeedItem > < div > < SeedTeam > { seed . teams ?. [ 0 ] ?. name || '-----------' } < /SeedTeam> < SeedTeam > { seed . teams ?. [ 1 ] ?. name || '-----------' } < /SeedTeam> < /div> < /SeedItem> < SeedTime mobileBreakpoint = { breakpoint } > { seed . date } < /SeedTime> < /Seed>); } ;