// material-ui
// import { useTheme } from '@mui/material/styles';
import { Box } from '@mui/material';

// ==============================|| AUTH BLUR BACK SVG ||============================== //

const AuthBackground = () => {
  // const theme = useTheme();
  return (
    <Box sx={{ position: 'absolute', filter: 'blur(18px)', zIndex: -1, bottom: 0 }}>
      {/* <svg width="100%" height="calc(100vh - 175px)" viewBox="0 0 405 809" fill="none" xmlns="http://www.w3.org/2000/svg"> */}
      <svg width="100%" viewBox="0 0 405 809" fill="none" xmlns="http://www.w3.org/2000/svg">
        <defs>
          <clipPath id="clipPath22">
          <path d="m0 256h213v-256h-213z"/>
          </clipPath>
        </defs>
        <g transform="translate(-31.999 -25.836)">
          <g transform="matrix(.35278 0 0 -.35278 46.979 25.836)">
          <path d="m0 0h16.273v-37.417l17.85-0.035v-12.864h-34.123z" fill="#00a650"/>
          </g>
          <g transform="matrix(.35278 0 0 -.35278 16.798 99.848)">
          <g clipPath="url(#clipPath22)">
            <g transform="translate(82.049 183.46)">
            <path d="m0 0c-17.536-0.633-27.516-14.176-27.516-28.318 0-14.143 9.241-28.019 27.563-28.071 3.447-9e-3 8.679 1.279 21.255 17.378l-17.808 0.07v10.335l34.132 0.061v-35.705l-10.467 3.577 0.045 12.858c-12.924-19.307-24.442-19.361-26.895-19.378-23.677-0.157-39.268 17.825-39.268 38.884s14.944 37.674 38.959 38.589z" fill="#1c63b7"/>
            </g>
            <g transform="translate(119.64 176.52)">
            <path d="m0 0-10.391 0.041v11.372c3.151 1.943 6.524 3.573 10.424 4.515 3.633 0.879 7.526 1.321 11.567 1.321 24.407 0 39.006-17.548 39.006-38.608s-14.633-39.843-39.006-38.608c-2.765 0.14-3.93 0.531-7.946 1.652l0.055 9.924c3.341-0.628 3.344-0.529 7.891-1.047 17.298-1.971 27.561 13.927 27.561 28.069 0 14.143-10.11 28.09-27.561 28.09-4.162 0-8.175-0.816-11.567-2.433l-0.033-4.288" fill="#1c63b7"/>
            </g>
          </g>
          </g>
        </g>
      </svg>
    </Box>
  );
};

export default AuthBackground;