frontend/layouts/ConfirmLayout.tsx (view raw)
1import Card from '@mui/material/Card';
2import {useTheme} 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 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
29export default CommonConfirm;