Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import {
  Paper,
  Table as MaterialTable,
  TableBody,
  TableCell,
  TableContainer,
  TableHead,
  TableRow
} from '@mui/material';

const Table = ({ columns = [], rows = [] }) => {
  return (
    <TableContainer component={Paper}>
      <MaterialTable sx={{ minWidth: 700 }} aria-label='customized table'>
        <TableHead>
          <TableRow>
            {columns.map(({ field, headerName }) => (
              <TableCell key={field} align='right'>
                {headerName}
              </TableCell>
            ))}
          </TableRow>
        </TableHead>
        <TableBody>
          {rows.map((row, id) => (
            <TableRow key={id}>
              <TableCell component='th' scope='row'>
                {JSON.stringify(row)}
              </TableCell>
            </TableRow>
          ))}
        </TableBody>
      </MaterialTable>
    </TableContainer>
  );
};

export default Table;