import React from "react";

import { SECURITY_DLL_64_URL, SECURITY_DLL_URL } from "../../../services/securityDLL";
import DownloadFileLink from "../../Controls/DownloadFileLink";

const CertMimeType = "application/x-pem-file";

const Result = ({ public_key, private_key }) => (
  <>
    <form>
      <p>Please click the links below to download the certificate.pem, key.pem and the security.dll (either the 32-bit or 64-bit version to match your application). Install all files in the same folder, and then run your application of choice to connect to the Fisker cloud.</p>
      <p><strong>Important Note:</strong> Certificates expire in 3 months from the time they are generated. They have to be re-downloaded again to connect to the Fisker cloud.</p>
      <ul>
        <li>
          <DownloadFileLink
            data={public_key}
            filename="certificate.pem"
            mimetype={CertMimeType} />
        </li>
        <li>
          <DownloadFileLink
            data={private_key}
            filename="key.pem"
            mimetype={CertMimeType} />
        </li>
        <li>
          <a href={SECURITY_DLL_URL}>security.dll 32-bit</a>
        </li>
        <li>
          <a href={SECURITY_DLL_64_URL}>security.dll 64-bit</a>
        </li>
      </ul>
    </form>
  </>
);

export default Result;