1import {useTheme} from '@mui/material/styles';
 2import {Box} from '@mui/material';
 3
 4const Logo = () => {
 5  const theme = useTheme();
 6  return (
 7    <Box
 8      sx={{
 9        display: 'flex',
10        justifyContent: 'center',
11        alignItems: 'center',
12        paddingTop: theme.spacing(1),
13      }}
14    >
15      <Box
16        component="img"
17        src={'/assets/logo.svg'}
18        alt="Caroster"
19        sx={{
20          display: 'block',
21          width: '68px',
22          height: 'auto',
23          margin: '0 auto',
24        }}
25      />
26    </Box>
27  );
28};
29
30export default Logo;