import React from 'react';
import PaperMUI from '@material-ui/core/Paper';
import {makeStyles} from '@material-ui/core/styles';

const Paper = ({className, ...props}) => {
  const classes = useStyles();
  return (
    <PaperMUI classes={{root: classes.root, parent: className}} {...props} />
  );
};

const useStyles = makeStyles(theme => ({
  root: {
    padding: theme.spacing(2),
  },
}));

export default Paper;