Testing AwesomeButton

src/App.css

@@ -17,7 +17,6 @@
   font-family: "Roboto";
   text-decoration: underline;
   color: white;
-}
-.roots {
-  display: block;
+}/* .roots {
+  
 }

src/App.js

@@ -1,5 +1,5 @@
 import './App.css';
-import {AwesomeButton, AwesomeButtonSocial} from 'react-awesome-button';
+import {AwesomeButton} from 'react-awesome-button';
 import AwesomeButtonStyle from "react-awesome-button/dist/styles.css";
 import data from './roots.json'
 
@@ -10,18 +10,19 @@ function App() {
   return (
     <div className="App">
       <h1 id="title">{data.title}</h1>
-      {data.links.map((rootDetail, index)=>{
-        if(socialTypes.includes(rootDetail.type)) {
-          res = <button className="roots">{rootDetail.text}</button>
+      <AwesomeButton className="roots"></AwesomeButton>
+      {/*{data.links.map((rootDetail, index)=>{
+        if(rootDetail.type == "facebook") {
+          res = <AwesomeButton className="roots"></AwesomeButton>
         }
         else if (rootDetail.type === "basic") {
-          res = <button className="roots">{rootDetail.text}</button>
+          res = 
         }
         else {
           // throw "One of your roots has an unrecognized type. Check out the documentation for the supported types.";
         }
         return res;
-      })}
+      })}*/}
     </div>
   );
 }