frontend/components/Logo/index.tsx (view raw)
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(4),
13 }}
14 >
15 <Box
16 component="img"
17 src={'/assets/Caroster_beta.png'}
18 alt="Caroster"
19 sx={{
20 display: 'block',
21 width: '55%',
22 height: 'auto',
23 margin: '0 auto',
24 }}
25 />
26 </Box>
27 );
28};
29
30export default Logo;