aboutsummaryrefslogtreecommitdiff
path: root/src/index.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/index.js')
-rw-r--r--src/index.js71
1 files changed, 0 insertions, 71 deletions
diff --git a/src/index.js b/src/index.js
deleted file mode 100644
index 1aec963..0000000
--- a/src/index.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React, { useState } from 'react';
-import ReactDOM from 'react-dom';
-
-import { makeStyles, Button } from '@material-ui/core';
-
-import {
- BenzinThemeProvider,
- Header,
- Window,
- ContentSection,
-} from './lib';
-
-import icon from './lib/assets/icon.png';
-import icon2 from './lib/assets/icon2.svg';
-import HomeIcon from '@material-ui/icons/Home';
-import PlayCircleFilledWhiteIcon from '@material-ui/icons/PlayCircleFilledWhite';
-import ExploreIcon from '@material-ui/icons/Explore';
-import GitHubIcon from '@material-ui/icons/GitHub';
-
-
-const useStyles = makeStyles(theme => ({
- window: {
- padding: theme.spacing(4),
- }
-}));
-
-const headerContents = {
- home: <HomeIcon />,
- 'getting started': <PlayCircleFilledWhiteIcon />,
- explore: <ExploreIcon />,
- contribute: <GitHubIcon />,
-}
-
-const Icon1 = <img src={icon} width="32px" height="37px" alt="logo"/>
-const Icon2 = <img src={icon2} height="32px" alt="logo"/>
-
-const App = () => {
- const classes = useStyles();
- const [page, setPage] = useState('home');
-
- return (
- <BenzinThemeProvider>
- <Header
- logo={{
- icon: Icon1,
- title: 'BENZIN',
- }}
- contents={headerContents}
- page={page}
- setPage={setPage}
- />
- <Window type="mono">
- <div className={classes.window}>
- <ContentSection sectionName="Out of fuel? You've came to the right place!">
- <p> Here is some text about BENZIN library. </p>
- <Button variant="contained" color="secondary">
- Charge me up!
- </Button>
- <Button variant="contained" color="primary">
- Learn more
- </Button>
- </ContentSection>
- </div>
- </Window>
- </BenzinThemeProvider>
- );
-};
-
-
-ReactDOM.render(<App />, document.getElementById('root'));
-