import css from './index.module.css';
import {FC} from 'react';
import cla from 'classnames';
import {Card} from 'antd';
import Lottie from 'lottie-react';
import LoginData from '@assets/json/loginData.json';
import LoginInfo from './info';
import {Footer} from '@components';

const Login: FC = function() {
  return (
    <main className={cla(['container', css.main])}>
      <Card bordered={false} className={css.card}>
        <div className={css.info}>
          <Lottie animationData={LoginData} className={css.lottie} />
          <LoginInfo />
        </div>
      </Card>
      <Footer className={css.footer} color='#eee' />
    </main>
  );
};

export default Login;
