1import Card from '@mui/material/Card';
 2import { styled } from '@mui/material/styles';
 3import CardMedia from '@mui/material/CardMedia';
 4import CardContent from '@mui/material/CardContent';
 5import Layout from './Centered';
 6import Logo from '../components/Logo';
 7
 8const PREFIX = 'CommonConfirm';
 9
10const classes = {
11  wrapper: `${PREFIX}-wrapper`
12};
13
14const StyledLayout = styled(Layout)((
15  {
16    theme
17  }
18) => ({
19  [`& .${classes.wrapper}`]: {
20    padding: theme.spacing(0, 8 ),
21    '&:last-child': {
22      paddingBottom: theme.spacing(12),
23    },
24  }
25}));
26
27const CommonConfirm = ({children}) => {
28
29
30  return (
31    <StyledLayout displayMenu={false}>
32      <Card>
33        <CardMedia component={Logo} />
34        <CardContent className={classes.wrapper}>
35          {children}
36        </CardContent>
37      </Card>
38    </StyledLayout>
39  );
40};
41
42export default CommonConfirm;