guesstimate/client/src/routes/project/export-tab.tsx

import React, { FunctionComponent } from "react";
import { Project } from "../../models/project";

export interface ExportTabProps {
    project: Project
}

const ExportTab: FunctionComponent<ExportTabProps> = ({ project }) => {
  return (
    <div>
      <label className="label is-size-4">Format JSON</label>
      <pre>{ JSON.stringify(project, null, 2) }</pre>
      <hr />
    </div>
  );
}; 

export default ExportTab;