2021-10-09 12:58:33 +00:00
|
|
|
import './App.css';
|
2021-11-05 12:04:29 +00:00
|
|
|
import {Button} from 'react-bootstrap';
|
2021-11-05 15:17:17 +00:00
|
|
|
import 'bootstrap/dist/css/bootstrap.min'
|
2021-10-14 16:56:16 +00:00
|
|
|
import data from './roots.json'
|
2021-10-09 12:58:33 +00:00
|
|
|
|
|
|
|
function App() {
|
2021-10-15 15:58:37 +00:00
|
|
|
const socialTypes = ["facebook", "instagram", "twitter", "github", "youtube", "linkedin", "pinterest", "messenger", "whatsapp"];
|
|
|
|
|
2021-10-09 12:58:33 +00:00
|
|
|
return (
|
|
|
|
<div className="App">
|
2021-10-14 16:56:16 +00:00
|
|
|
<h1 id="title">{data.title}</h1>
|
2021-10-28 18:03:09 +00:00
|
|
|
<div id="container">
|
2021-11-05 15:17:17 +00:00
|
|
|
<Button className="roots" variant="primary" size="lg"></Button>
|
2021-10-28 18:03:09 +00:00
|
|
|
{/*{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>
|
2021-10-09 12:58:33 +00:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default App;
|