1 files changed, 32 insertions, 0 deletions
diff --git a/src/components/Header.js b/src/components/Header.js
new file mode 100644
index 0000000..72234b6
--- /dev/null
+++ b/src/components/Header.js
@@ -0,0 +1,32 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { Button } from "semantic-ui-react";
+import { Link } from "react-router-dom";
+
+class Header extends React.Component {
+    static propTypes = {
+        clearToken: PropTypes.func.isRequired
+    };
+
+    render() {
+        return (
+            <div id="header">
+                <ul>
+                    <li>
+                        <Link to="/">Home</Link>
+                    </li>
+                </ul>
+                <hr />
+                <ul>
+                    <li>
+                        <Link to="/" onClick={this.props.clearToken}>
+                            Sign out
+                        </Link>
+                    </li>
+                </ul>
+            </div>
+        );
+    }
+}
+
+export default Header;