import { Table } from '@toptal/picasso' ; import React from 'react' ; const data = { isPointerDevice : `Checks if the primary input mechanism includes an accurate pointing device` , isBrowser : `Checks if there is a browser or not.` } ; const Example = ( ) => ( < Table > < Table . Head > < Table . Row > < Table . Cell > Name < /Table.Cell> < Table . Cell > Description < /Table.Cell> < /Table.Row> < /Table.Head> < Table . Body > { Object . entries ( data ) . map ( ( [ name , description ] ) => ( < Table . Row key = { name } > < Table . Cell > { name } < /Table.Cell> < Table . Cell > { description } < /Table.Cell> < /Table.Row>))} < /Table.Body> < /Table>); export default Example ;