import * as React from 'react' ; import { CharacterType } from './characters' ; type TableProps = { children : React . ReactNode ; } ; type TableRowProps = { heading : Capitalize < keyof CharacterType > ; value : CharacterType [ keyof CharacterType ] ; } ; export const Table = ( { children } ) => { return ( < table > < tbody > { children } < /tbody> < /table>); } ; export const TableRow = ( { heading , value } ) => { return ( < tr > < th > { heading } < /th> < td > { value } < /td> < /tr>); } ;