import { border , Table } from "../../../../core/src" ; import { ColorStaticSample } from "./sample" ; import s from "./table.module.css" ; interface Props { name : string ; } const Color = ( props ) => ( row ) : JSX . Element => ( < ColorStaticSample name = { `${ props . name }-${ row }` } />); const Name = ( props ) => ( row ) : JSX . Element => ( < span children = { `${ props . name }-${ row }` } />); export const ColorStaticTable = ( props ) : JSX . Element => ( < div className = { [ s . container , border . weak ] . join ( " " ) } > < Table < number > fill rows = { [ ... Array ( 10 ) . keys ( ) ] } rowKey = { ( row ) => row . toString ( ) } columns = { [ { title : "Color" , className : s . color , render : Color ( props ) } , { title : "Name" , className : s . name , render : Name ( props ) } , ] } / > < /div>);