No thrills React table component

React table

import React from 'react';
import classes from './Table.module.css';

const Row = props => {
  return props.keys.map((key) => {
    return <td key={props.data[key]}>{props.data[key]}</td>
  })
}

const Table = ({
  data
}) => {
  return (
    <table>
      <thead>
        <tr className={classes.tableHeader}>
          {Object.keys(data[0]).map((key) => {
            return <td key={key}>{key}</td>
          })}
        </tr>
      </thead>
      <tbody>
      {data.map((row, index) => {
        return <tr key={index}>
          <Row key={index} data={row} keys={Object.keys(row)}/>
        </tr>
      })}
      </tbody>
      <tfoot>
      </tfoot>
    </table>
  )
}

export default Table