hetty/admin/src/components/CenteredPaper.tsx

import { Paper } from "@material-ui/core";

function CenteredPaper({
  children,
}: {
  children: React.ReactNode;
}): JSX.Element {
  return (
    <div>
      <Paper
        elevation={0}
        style={{
          display: "flex",
          justifyContent: "center",
          alignItems: "center",
          padding: 36,
        }}
      >
        {children}
      </Paper>
    </div>
  );
}

export default CenteredPaper;