import PropTypes from 'prop-types';
import { useRouter } from 'next-nprogress-bar';

// mui
import { Box } from '@mui/material';

export const Logo = () => {
  const { push } = useRouter();
  return (
    <Box
      sx={{
        display: 'flex',
        alignItems:'center',
        cursor: 'pointer',
        width: 150,
        height: 'auto',
        '> img': {
          height:56,
          width: 'auto'
        }
      }}
      onClick={() => push('/')}
    >
      <img src="/logo_blue.png" alt="logo"/>
    </Box>
  );
};

Logo.propTypes = {
  sx: PropTypes.object,
  isMobile: PropTypes.bool
};
export default Logo;
