//import { Link } from 'react-router-dom';

// material-ui
import { Grid, Stack, Typography } from '@mui/material';

// project import
import Loadable from 'components/Loadable';
import React, { lazy } from 'react';
import {FormattedMessage} from "react-intl";
const AuthLogin = Loadable(lazy(() => import('./auth-forms/AuthLoginCustom')));
const AuthWrapper = Loadable(lazy(() => import('./AuthWrapper')));
// import AuthLogin from './auth-forms/AuthLoginCustom';
// import AuthWrapper from './AuthWrapper';
// ================================|| LOGIN ||================================ //

const Login = () => (
  <AuthWrapper>
    <Grid container spacing={3}>
      <Grid item xs={12}>
        <Stack direction="row" justifyContent="space-between" alignItems="baseline" sx={{ mb: { xs: -0.5, sm: 0.5 } }}>
          <Typography variant="h3">
            <FormattedMessage id="login"/>
          </Typography>
          {/* <Typography component={Link} to="/register" variant="body1" sx={{ textDecoration: 'none' }} color="primary">
            Don&apos;t have an account?
          </Typography> */}
        </Stack>
      </Grid>
      <Grid item xs={12}>
        <AuthLogin />
      </Grid>
    </Grid>
  </AuthWrapper>
);

export default Login;
