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)(({theme}) => ({
15  [`& .${classes.wrapper}`]: {
16    padding: theme.spacing(0, 8),
17    '&:last-child': {
18      paddingBottom: theme.spacing(12),
19    },
20  },
21}));
22
23const CommonConfirm = ({children}) => {
24  return (
25    <StyledLayout displayMenu={false}>
26      <Card>
27        <CardMedia component={Logo} />
28        <CardContent className={classes.wrapper}>{children}</CardContent>
29      </Card>
30    </StyledLayout>
31  );
32};
33
34export default CommonConfirm;