Login Template

<Modal
  open
  hideClose
  modalHeading="Login"
  inPortal={false}
  modalLabel="Sample Application"
  primaryButtonText="Login"
  secondaryButtonText="Forgot password?"
  modalSecondaryAction={<Button kind="secondary">Sign in with WFP SSO</Button>}
  modalFooter={({ primaryButtonText, secondaryButtonText }) => (
    <div className="wfp--modal__buttons-container">
      <Link>{secondaryButtonText}</Link>
      <Button>{primaryButtonText}</Button>
    </div>
  )}
  backgroundImage="https://password.go.wfp.org/images/MAU_20150202_WFP-Agron_Dragaj_0018.jpg"
>
  <p className="wfp--modal-content__text wfp--form-long">
    <TextInput
      id="emailinput"
      labelText="Your email address"
      placeholder="yourname@wfp.org"
      helperText={`Enter the email address you used when you registered`}
    />
    <TextInput
      id="passportinput"
      labelText="Your password"
      type="password"
      placeholder=""
      helperText=""
    />
  </p>
</Modal>