text: import React from "react";
  import { Link } from "react-router-dom";
  import Logo from "../Header/Shutter_Stock_Capsule.png";
  import Auth from "../../utils/auth";
  
  const Header = () => {
  	const logout = (event) => {
  		event.preventDefault();
  		Auth.logout();
  	};
  	return (
  		<nav
  			class="navbar"
  			role="navigation"
  			aria-label="main navigation"
  		>
  			<div class="navbar-brand">
  				<a class="navbar-item" href="/">
  					<img
  						src={Logo}
  						width="30"
  						height="40"
  					/>
  				</a>
  
  				<a
  					role="button"
  					class="navbar-burger"
  					aria-label="menu"
  					aria-expanded="false"
  					data-target="navbarBasicExample"
  				>
  					<span aria-hidden="true"></span>
  					<span aria-hidden="true"></span>
  					<span aria-hidden="true"></span>
  				</a>
  			</div>
  
  			<div id="navbarBasicExample" class="navbar-menu">
  				<div class="navbar-start">
  					<a class="navbar-item"> Settings</a>
  
  					<div class="navbar-item has-dropdown is-hoverable">
  						<a class="navbar-link">More</a>
  
  						<div class="navbar-dropdown">
  							<a class="navbar-item">
  								About
  							</a>
  							<a class="navbar-item">
  								Jobs
  							</a>
  							<a class="navbar-item">
  								Contact
  							</a>
  							<hr class="navbar-divider" />
  							<a class="navbar-item">
  								Buy the Game!
  							</a>
  						</div>
  					</div>
  				</div>
  
  				<div class="navbar-end">
  					<div class="navbar-item">
  						<div class="buttons">
  							<a class="button is-dark">
  								<strong>
  									Sign up
  								</strong>
  							</a>
  							<a class="button is-light">
  								Log in
  							</a>
  						</div>
  					</div>
  				</div>
  			</div>
  		</nav>
  	);
  };
  
  export default Header;
  