import type { FC } from 'react';

import Box from '@material-hu/mui/Box';

import Logo from './Logo';

const SplashScreen: FC = () => (
  <Box
    sx={{
      alignItems: 'center',
      backgroundColor: theme => theme.palette.new.background.elements.default,
      display: 'flex',
      flexDirection: 'column',
      height: '100%',
      justifyContent: 'center',
      left: 0,
      p: 3,
      position: 'fixed',
      top: 0,
      width: '100%',
      zIndex: 2000,
    }}
  >
    <Logo />
  </Box>
);

export default SplashScreen;
