text: import React from "react";
  import { Link } from "react-router-dom";
  // @material-ui/core components
  import { makeStyles } from "@material-ui/core/styles";
  import InputAdornment from "@material-ui/core/InputAdornment";
  import Icon from "@material-ui/core/Icon";
  // @material-ui/icons
  import Email from "@material-ui/icons/Email";
  // core components
  import Header from "components/Header/Header.js";
  import HeaderLinks from "components/Header/HeaderLinks.js";
  import GridContainer from "components/Grid/GridContainer.js";
  import GridItem from "components/Grid/GridItem.js";
  import Button from "components/CustomButtons/Button.js";
  import Card from "components/Card/Card.js";
  import CardBody from "components/Card/CardBody.js";
  import CardHeader from "components/Card/CardHeader.js";
  import CardFooter from "components/Card/CardFooter.js";
  import CustomInput from "components/CustomInput/CustomInput.js";
  import TypeSelect from "views/Modals/TypeSelect.js";
  import FacebookLogin from 'react-facebook-login/dist/facebook-login-render-props'
  import LoginForm from 'views/LoginPage/LoginForm.js';
  
  import loginStyles from "assets/jss/material-kit-react/views/loginPage.js";
  
  import image from "assets/img/bg7.jpg";
  
  const useLoginStyles = makeStyles(loginStyles);
  
  export default function LoginPage(props) {
    const [cardAnimaton, setCardAnimation] = React.useState("cardHidden");
    setTimeout(function() {
      setCardAnimation("");
    }, 700);
    const loginClasses = useLoginStyles();
    const { ...rest } = props;
    return (
      <div>
        <Header
          absolute
          color="white"
          brand="InfinityCare"
          rightLinks={<HeaderLinks />}
          {...rest}
        />
        <div
          className={loginClasses.pageHeader}
          style={{
            backgroundImage: "url(" + image + ")",
            backgroundSize: "cover",
            backgroundPosition: "top center"
          }}
        >
          <div className={loginClasses.container}>
            <GridContainer justify="center">
              <GridItem xs={12} sm={12} md={4}>
                <Card className={loginClasses[cardAnimaton]}>
                  <LoginForm/>
                </Card>
              </GridItem>
            </GridContainer>
          </div>
        </div>
      </div>
    );
  }
  