feat: implement basic header

1 files changed, 19 insertions, 5 deletions

diff --git a/src/index.tsx b/src/index.tsx
index fa9a15a..e858a17 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,7 +1,21 @@
-import React from 'react';
+import React, { useState } from 'react';
 import ReactDOM from 'react-dom';
+import { CssBaseline } from '@material-ui/core';
+import 'typeface-roboto';
+
+import Header from './Header/Header';
+
+const App: React.FC = () => {
+  const [page, setPage] = useState('feed');
+
+  return (
+    <>
+      <CssBaseline />
+      <Header page={page} setPage={setPage} />
+      <h1> Hello, world! </h1>
+    </>
+  );
+};
+
+ReactDOM.render(<App />, document.getElementById('root'));
 
-ReactDOM.render(
-  <h1> Hello, world! </h1>,
-  document.getElementById('root')
-);