import React from 'react';
import './index.css';
export default function Header() {
const showPopup = (event) => {
const heading = event.target;
heading.classList.add('show-popup');
};
const hidePopup = (event) => {
const heading = event.target;
heading.classList.remove('show-popup');
};
return (
<nav className="navbar">
<div className="nav-width-adjust">
<h1
className="covid-nav-heading"
onMouseEnter={showPopup}
onMouseLeave={hidePopup}
>
COVID19<span className="span-element">INDIA</span>
</h1>
<div className="about-container">
<p>Home</p>
<p className="about">About</p>
</div>
</div>
</nav>
);
}