// import { Box } from "@material-ui/core";
import React from "react";
// import { useDispatch } from 'react-redux';
// import { AUTH_TOKEN } from "../../environments";
// import useResponsive from "../../hooks/useResponsive";
import { Box } from "@mui/material";
import SignInHOC from "./SignInHOC";
import { store } from "../redux/store";
import { Provider } from "react-redux";

const SignInScreen = () => {
	// if (AUTH_TOKEN()) {
	// 	return <></>;
	// }

	return (
		<Provider store={store}>
			<Box
				display="flex"
				justifyContent={"center"}
				alignItems={"center"}
				style={{
					width: "100vw",
					height: "100vh",
					background:
						"transparent linear-gradient(326deg, #441514 0%, #441514 0%, #7553E8 100%, #441514 100%) 0% 0% no-repeat padding-box",
				}}
			>
				<Box
					py={8}
					display="flex"
					flexDirection="column"
					justifyContent="space-evenly"
					style={{ width: "70vw", background: "white" }}
				>
					<SignInHOC />
				</Box>
			</Box>
		</Provider>
	);
};

export default SignInScreen;
