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;