Component that receive and array to display data

src/Admin/Components/Components/Table.js

+import React from 'react';
+import Table from '@material-ui/core/Table';
+import { withStyles, makeStyles } from '@material-ui/core/styles';
+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';
+import Paper from '@material-ui/core/Paper'; 
+import { Tooltip } from '@material-ui/core';
+
+const StyledTableCell = withStyles((theme) => ({
+    head: {
+        backgroundColor: theme.palette.common.black,
+        color: theme.palette.common.white,
+    },
+    body: {
+        fontSize: 14,
+    },
+}))(TableCell);
+
+const useStyles = makeStyles({
+    table: {
+        minWidth: 700,
+    },
+    root: {
+        minWidth: 275, 
+        boxShadow : '2px 2px 1px #A9A9A9'
+    },
+    bullet: {
+        display: 'inline-block',
+        margin: '0 2px',
+        transform: 'scale(0.8)',
+    },
+    title: {
+        fontSize: 28, 
+        fontWeight : "500"
+    },
+    pos: {
+        marginBottom: 12,
+    },
+});
+
+
+const TableData = (props) => {
+    const classes = useStyles();
+    return (
+        <TableContainer component={Paper}>
+            <Table className={classes.table} aria-label="customized table">
+                <TableHead>
+                    <TableRow>
+                        {
+                            props.top.map((top , index) => (
+                                index === 0 ? 
+                                <StyledTableCell key={index}>{top}</StyledTableCell> 
+                                : 
+                                <StyledTableCell align="right" key={index}>{top}</StyledTableCell>
+                            ))
+                        }
+                    </TableRow>
+                </TableHead>
+                { props.children }
+            </Table>
+        </TableContainer>
+    );
+}
+
+export default TableData; 
\ No newline at end of file