FarmBot/Farmbot-Web-App

import React from "react";
import { PartialFormEvent } from "./front_page";
import { t } from "../i18next_wrapper";

export const TermsCheckbox = (props: {
  privUrl: string,
  tosUrl: string,
  onChange: (event: PartialFormEvent) => void,
  agree: boolean | undefined,
}) =>
  <div className="tos">
    {`${t("I agree to the")} `}
    <a href={props.privUrl} target="_blank" rel={"noreferrer"}>
      {t("Privacy Policy")}
    </a>
    {` ${t("and")} `}
    <a href={props.tosUrl} target="_blank" rel={"noreferrer"}>
      {t("Terms of Use")}
    </a>
    <input type="checkbox" name="tos"
      onChange={props.onChange}
      value={props.agree ? "false" : "true"} />
  </div>;