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