1  import Box from '@mui/material/Box';
 2  import Typography from '@mui/material/Typography';
 3  import { ReactNode } from 'react';
 4  
 5  interface InfoContentWrapperProps {
 6    children: ReactNode;
 7    caption: ReactNode;
 8  }
 9  
10  export const InfoContentWrapper = ({ children, caption }: InfoContentWrapperProps) => {
11    return (
12      <Box
13        sx={{ display: 'flex', flexDirection: 'column', textAlign: 'center', alignItems: 'center' }}
14      >
15        <Typography variant="h2" sx={{ mb: 2 }}>
16          {caption}
17        </Typography>
18        {children}
19      </Box>
20    );
21  };