1import Card from '@material-ui/core/Card';
 2import CardMedia from '@material-ui/core/CardMedia';
 3import CardContent from '@material-ui/core/CardContent';
 4import {makeStyles} from '@material-ui/core/styles';
 5import Layout from './Centered';
 6import Logo from '../components/Logo';
 7
 8const CommonConfirm = ({children}) => {
 9  const {wrapper} = useStyles();
10
11  return (
12    <Layout displayMenu={false}>
13      <Card>
14        <CardMedia component={Logo} />
15        <CardContent className={wrapper}>
16          {children}
17        </CardContent>
18      </Card>
19    </Layout>
20  );
21};
22
23const useStyles = makeStyles(theme => ({
24  wrapper: {
25    padding: theme.spacing(0, 8 ),
26    '&:last-child': {
27      paddingBottom: theme.spacing(12),
28    },
29  },
30}));
31
32export default CommonConfirm;