Step 1: How to create a Semantic UI React functional table component

step_1_suir_functional_table_component.js

//import, create, and export a base functional component setup

import React from "react";
import scenarios from "./scenarios.json";
import { Table } from "semantic-ui-react";

function ScenarioTable() {
  return (
    <div className="scenario__table">
      <Table>
        {/* it's not much but it's a start! */}
      </Table>
    </div>
  );
}

export default ScenarioTable;

https://codesandbox.io/s/semantic-ui-react-creating-a-table-9gm60?file=/src/index.js