// NEXT
import Link from 'next/link';

// MATERIAL - UI
import ButtonBase from '@mui/material/ButtonBase';
import { SxProps } from '@mui/system';

// THIRD - PARTY
import { To } from 'history';

// PROJECT IMPORTS
// import Logo from './LogoMain';
// import LogoIcon from './LogoIcon';
import LogoIcon from './phase2growth.png';
import { APP_DEFAULT_PATH } from 'config';
import Image from 'next/image';

// ==============================|| MAIN LOGO ||============================== //

interface Props {
  reverse?: boolean;
  isIcon?: boolean;
  sx?: SxProps;
  to?: To;
}

const LogoSection = ({ reverse, isIcon, sx, to }: Props) => (
  <ButtonBase disableRipple component={Link} href={!to ? APP_DEFAULT_PATH : to} sx={sx}>
    <Image src={LogoIcon} alt="icon logo" width="70" />
  </ButtonBase>
);

export default LogoSection;