import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Table from '@material-ui/core/Table';
import TableBody from '@material-ui/core/TableBody';
import TableCell from '@material-ui/core/TableCell';
import TableContainer from '@material-ui/core/TableContainer';
import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
const useStyles = makeStyles({
    table: {
        minWidth: 350
    }
});
let SimpleTable = (props) => {
    const { columns, rows } = props;
    const classes = useStyles();
    return (React.createElement(TableContainer, null, React.createElement(Table, { className: classes.table, "aria-label": "simple table", size: "small" }, React.createElement(TableHead, null, React.createElement(TableRow, null, columns.map((column) => (React.createElement(TableCell, null, column))))), React.createElement(TableBody, null, rows.map((row) => (React.createElement(TableRow, { key: row.name }, row.rowValues.map((rowValue) => (React.createElement(TableCell, null, rowValue))))))))));
};
export default SimpleTable;
//# sourceMappingURL=SimpleTable.js.map