frontend/layouts/ConfirmLayout.tsx (view raw)
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;