FarmBot/Farmbot-Web-App

import React from "react";
import {
  Col, Widget, WidgetHeader, WidgetBody, BlurableInput, Row,
} from "../ui";
import { t } from "../i18next_wrapper";

export interface ForgotPasswordProps {
  onGoBack(): void;
  onSubmit(e: React.FormEvent<HTMLFormElement>): void;
  email: string;
  onEmailChange(e: React.SyntheticEvent<HTMLInputElement>): void;
}

export function ForgotPassword(props: ForgotPasswordProps) {
  const {
    onGoBack,
    onSubmit,
    email,
    onEmailChange,
  } = props;

  return <Col xs={12} sm={5} smOffset={1} mdOffset={0}>
    <Widget>
      <WidgetHeader title={"Reset Password"}>
        <button
          className="fb-button gray"
          title={t("go back")}
          onClick={onGoBack}>
          {t("BACK")}
        </button>
      </WidgetHeader>
      <WidgetBody>
        <form onSubmit={onSubmit}>
          <label>{t("Enter Email")}</label>
          <BlurableInput
            type="email"
            value={email}
            onCommit={onEmailChange} />
          <Row>
            <button
              title={t("Reset Password")}
              className="fb-button green front-page-button">
              {t("Reset Password")}
            </button>
          </Row>
        </form>
      </WidgetBody>
    </Widget>
  </Col>;
}