import React from 'react';
import QueueAnim from 'rc-queue-anim';

const ConfirmEmail = () => (
  <div className="body-inner">
    <div className="card bg-color-white">
      <div className="card-content">
        <div className="logo text-center">
          <a >Watch for a Reset Email</a>
        </div>

        <div>
          <p className="confirm-mail-icon"><span className="material-icons">mail_outline</span></p>
          <p className="text-small">We will email you if your adress is registered and active.
         </p>
          <p className="text-small">Click on the included link to reset your password.</p>
        </div>

      </div>
    </div>
    <div className="additional-info">
      <span><a href="#/login">Login</a></span>
    </div>
  </div>
);

const Page = () => (
  <div className="page-auth page-confirm-email">
    <div className="main-body">
      <QueueAnim type="bottom" className="ui-animate">
        <div key="1">
          <ConfirmEmail />
        </div>
      </QueueAnim>
    </div>
  </div>
);

module.exports = Page;

