import React, { Fragment } from 'react';
import { Col, Row } from 'reactstrap';
import { Link } from 'react-router-dom';
import LoginForm from '../LoginForm';
import { useTranslation } from 'react-i18next';

const Login = () => {
  const { t } = useTranslation('auth');

  return (
    <Fragment>
      <Row className="text-left justify-content-between">
        <Col xs="auto">
          <h5>{t('signin')}</h5>
        </Col>
        <Col xs="auto">
          <p className="fs--1 text-600">
            or <Link to="/auth/signup">{t('signup')}</Link>
            {/* <a href={`${process.env.REACT_APP_CLIENT_BASE_URL}/signup`}>{t('signup')}</a> */}
          </p>
        </Col>
      </Row>
      <LoginForm />
    </Fragment>
  );
};

export default Login;
