content: import React from 'react';
  import PropTypes from 'prop-types';
  import Grid from '@material-ui/core/Grid';
  import Paper from '@material-ui/core/Paper';
  import Table from '@material-ui/core/Table';
  import TableBody from '@material-ui/core/TableBody';
  import TableCell from '@material-ui/core/TableCell';
  import TableHead from '@material-ui/core/TableHead';
  import TableRow from '@material-ui/core/TableRow';
  
  function MyTable(props) {
    const { padding } = props;
    return (
      <Paper>
        <Table>
          <TableHead>
            <TableRow>
              <TableCell padding={padding}>Padding: {padding}</TableCell>
              <TableCell padding={padding} />
            </TableRow>
          </TableHead>
          <TableBody>
            <TableRow>
              <TableCell padding={padding}>Dummy Data</TableCell>
              <TableCell padding={padding}>Dummy Data</TableCell>
            </TableRow>
            <TableRow>
              <TableCell padding={padding}>Dummy Data</TableCell>
              <TableCell padding={padding}>Dummy Data</TableCell>
            </TableRow>
          </TableBody>
        </Table>
      </Paper>
    );
  }
  
  MyTable.propTypes = {
    padding: PropTypes.any,
  };
  
  function PaddingTable() {
    return (
      <div>
        <Grid container spacing={16}>
          <Grid item xs={6}>
            <MyTable padding="default" />
          </Grid>
          <Grid item xs={6}>
            <MyTable padding="dense" />
          </Grid>
          <Grid item xs={6}>
            <MyTable padding="none" />
          </Grid>
          <Grid item xs={6}>
            <MyTable padding="checkbox" />
          </Grid>
        </Grid>
      </div>
    );
  }
  
  export default PaddingTable;
  