import React from 'react';
import { Row, Col, Button } from "reactstrap";
import { Fragment } from 'react';
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

const Start = () => {
  const goToLogin = () => {
    window.open(`${process.env.REACT_APP_CLIENT_BASE_URL}/signin`, '_blank')
  }
  return(
    <Fragment>
      <Row className="text-left justify-content-between">
        <Col xs="auto">
          <h5>Start</h5>
        </Col>
        <Col xs="auto">
          <p>To begin please login to your JamKazam account and reload this page</p>
          <Button color="primary" size="sm" className="mt-3" onClick={goToLogin} target="_blank">
          <FontAwesomeIcon icon="chevron-left" transform="shrink-4 down-1" className="mr-1" />
          Go to Login
        </Button>
        </Col>
    </Row>
  </Fragment>
  )
}

export default Start;