import React from 'react';
import {BaseComponent} from 'frill-core';
import Login from '../Mediators/Login.jsx';

/**
 * Login Page component
 * @extends {FrillCore.BaseComponent}
 * @example <caption>Usage in React-Router</caption>
 * <Route name="login" path="/login" handler={LoginComponent} />
 */
class LoginPage extends BaseComponent {
  /**
   * Constructor
   * @param {any} props
   */
  constructor(props) {
    super(props);
  }

  /**
   * render
   * @return {React DOM}
   * @see https://facebook.github.io/react/docs/component-specs.html#render
   */
  render() {
    return (
      <div className="Login">
        <h2 className="heading">Login Sample</h2>
        <Login {...this.props} />
      </div>
    );
  }
}

/**
 * Export LoginPage
 */
export default LoginPage;