import React from "react";
import { Typography } from "antd";

export default function AboutPage() {
  return (
    <div style={{ textAlign: "center", margin: "1rem 0rem" }}>
      <Typography.Title
        level={2}
      >{`ImEX Online V.${process.env.NODE_ENV}-${process.env.REACT_APP_GIT_SHA}`}</Typography.Title>
      <Typography.Title level={4}>
        &copy; 2019 - {new Date().getFullYear()} Snapt Software Inc. used under
        license to ImEX Systems Inc.
      </Typography.Title>
      <Typography.Title level={2}>Third Party Notices</Typography.Title>
      <a href="/3rdparty-app.txt">
        <Typography.Title level={4}>Application</Typography.Title>
      </a>
      <a href="/3rdparty-api.txt">
        <Typography.Title level={4}>API</Typography.Title>
      </a>
    </div>
  );
}
