import { Link, Stack, Typography } from '@mui/material';

const Footer = () => {
  return (
    <Stack
      direction="row"
      justifyContent={{ xs: 'center' }}
      ml={{ xs: 3.75, lg: 34.75 }}
      mr={3.75}
      my={3.75}
    >
      <Typography variant="subtitle2" fontFamily={'Poppins'} color="text.primary">
        <Link
          href="https://ditchtheagent.com/"
          target="_blank"
          rel="noopener"
          sx={{ color: 'background.paper', '&:hover': { color: 'secondary.main' } }}
        >
          Ditch The Agent
        </Link>
      </Typography>
    </Stack>
  );
};

export default Footer;
