linkroots/src/App.js

import './App.css';
import {AwesomeButton} from 'react-awesome-button';
import AwesomeButtonStyle from "react-awesome-button/dist/styles.css";
import data from './roots.json'

function App() {
  var res;
  const socialTypes = ["facebook", "instagram", "twitter", "github", "youtube", "linkedin", "pinterest", "messenger", "whatsapp"];

  return (
    <div className="App">
      <h1 id="title">{data.title}</h1>
      <AwesomeButton className="roots"></AwesomeButton>
      {/*{data.links.map((rootDetail, index)=>{
        if(rootDetail.type == "facebook") {
          res = <AwesomeButton className="roots"></AwesomeButton>
        }
        else if (rootDetail.type === "basic") {
          res = 
        }
        else {
          // throw "One of your roots has an unrecognized type. Check out the documentation for the supported types.";
        }
        return res;
      })}*/}
    </div>
  );
}

export default App;