text: /**
   * React Starter Kit (https://www.reactstarterkit.com/)
   *
   * Copyright © 2014-present Kriasoft, LLC. All rights reserved.
   *
   * This source code is licensed under the MIT license found in the
   * LICENSE.txt file in the root directory of this source tree.
   */
  
  import React from 'react';
  import PropTypes from 'prop-types';
  import Link from '../../components/Link';
  import withStyles from 'isomorphic-style-loader/lib/withStyles';
  import s from './Login.css';
  
  const hubspotAuth = {
    url: 'https://app.hubspot.com/oauth/authorize/',
    clientId: 'c2011ac8-12fe-4d52-8cde-1283087babcf',
    clientSecret: '6bf12e11-e5cb-45ee-a5ba-81534e6a0bef',
    redirectUri: 'https://www.hubspot.com/',
    scope: 'contacts',
    responseType: 'code',
    accessType: 'offline',
  };
  
  // 2c7e79b8-5dfe-450b-b86e-fd86aad28a41
  
  class Login extends React.Component {
    static propTypes = {
      title: PropTypes.string.isRequired,
    };
  
    constructor(props, context) {
      super(props, context);
      this.hubspotUrl = this.getHubspotAuthUrl();
    }
  
    getHubspotAuthUrl() {
      return `${hubspotAuth.url}?client_id=${hubspotAuth.clientId}&redirect_uri=${
        hubspotAuth.redirectUri
      }&scope=${hubspotAuth.scope}&response_type=${
        hubspotAuth.responseType
      }&access_type=${hubspotAuth.accessType}`;
    }
  
    render() {
      return (
        <div className={s.root}>
          <div className={s.container}>
            <a className={s.link} href="/login/hubspot">
              <button className={s.button}>Login</button>
            </a>
          </div>
        </div>
  
        /* <div className={s.root}>
          <div className={s.container}>
            <h1>{this.props.title}</h1>
            <p className={s.lead}>
              Log in with your username or company email address.
            </p>
            <div className={s.formGroup}>
              <a className={s.facebook} href="/login/facebook">
                <svg
                  className={s.icon}
                  width="30"
                  height="30"
                  viewBox="0 0 30 30"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path d="M22 16l1-5h-5V7c0-1.544.784-2 3-2h2V0h-4c-4.072 0-7 2.435-7 7v4H7v5h5v14h6V16h4z" />
                </svg>
                <span>Log in with Facebook</span>
              </a>
            </div>
            <div className={s.formGroup}>
              <a className={s.google} href="/login/google">
                <svg
                  className={s.icon}
                  width="30"
                  height="30"
                  viewBox="0 0 30 30"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d={
                      'M30 13h-4V9h-2v4h-4v2h4v4h2v-4h4m-15 2s-2-1.15-2-2c0 0-.5-1.828 1-3 ' +
                      '1.537-1.2 3-3.035 3-5 0-2.336-1.046-5-3-6h3l2.387-1H10C5.835 0 2 3.345 2 7c0 ' +
                      '3.735 2.85 6.56 7.086 6.56.295 0 .58-.006.86-.025-.273.526-.47 1.12-.47 1.735 ' +
                      '0 1.037.817 2.042 1.523 2.73H9c-5.16 0-9 2.593-9 6 0 3.355 4.87 6 10.03 6 5.882 ' +
                      '0 9.97-3 9.97-7 0-2.69-2.545-4.264-5-6zm-4-4c-2.395 0-5.587-2.857-6-6C4.587 ' +
                      '3.856 6.607.93 9 1c2.394.07 4.603 2.908 5.017 6.052C14.43 10.195 13 13 11 ' +
                      '13zm-1 15c-3.566 0-7-1.29-7-4 0-2.658 3.434-5.038 7-5 .832.01 2 0 2 0 1 0 ' +
                      '2.88.88 4 2 1 1 1 2.674 1 3 0 3-1.986 4-7 4z'
                    }
                  />
                </svg>
                <span>Log in with Google</span>
              </a>
            </div>
            <div className={s.formGroup}>
              <a className={s.twitter} href="/login/twitter">
                <svg
                  className={s.icon}
                  width="30"
                  height="30"
                  viewBox="0 0 30 30"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d={
                      'M30 6.708c-1.105.49-2.756 1.143-4 1.292 1.273-.762 2.54-2.56 ' +
                      '3-4-.97.577-2.087 1.355-3.227 1.773L25 5c-1.12-1.197-2.23-2-4-2-3.398 0-6 ' +
                      '2.602-6 6 0 .4.047.7.11.956L15 10C9 10 5.034 8.724 2 5c-.53.908-1 1.872-1 ' +
                      '3 0 2.136 1.348 3.894 3 5-1.01-.033-2.17-.542-3-1 0 2.98 4.186 6.432 7 7-1 ' +
                      '1-4.623.074-5 0 .784 2.447 3.31 3.95 6 4-2.105 1.648-4.647 2.51-7.53 2.51-.5 ' +
                      '0-.988-.03-1.47-.084C2.723 27.17 6.523 28 10 28c11.322 0 17-8.867 17-17 ' +
                      '0-.268.008-.736 0-1 1.2-.868 2.172-2.058 3-3.292z'
                    }
                  />
                </svg>
                <span>Log in with Twitter</span>
              </a>
            </div>
            <strong className={s.lineThrough}>OR</strong>
            <form method="post">
              <div className={s.formGroup}>
                <label className={s.label} htmlFor="usernameOrEmail">
                  Username or email address:
                  <input
                    className={s.input}
                    id="usernameOrEmail"
                    type="text"
                    name="usernameOrEmail"
                    autoFocus // eslint-disable-line jsx-a11y/no-autofocus
                  />
                </label>
              </div>
              <div className={s.formGroup}>
                <label className={s.label} htmlFor="password">
                  Password:
                  <input
                    className={s.input}
                    id="password"
                    type="password"
                    name="password"
                  />
                </label>
              </div>
              <div className={s.formGroup}>
                <button className={s.button} type="submit">
                  Log in
                </button>
              </div>
            </form>
          </div>
        </div> */
      );
    }
  }
  
  export default withStyles(s)(Login);
  