text: import React, { useState } from 'react';
  import {
    Container,
    Collapse,
    Navbar,
    NavbarToggler
  } from 'reactstrap';
  import Link from './link'
  import Navigation from 'reactstrap-json-nav'
  import navigation from '../data/navigation';
  import logo from '../assets/images/logo.svg'
  
  const Header = (props) => {
    const [isOpen, setIsOpen] = useState(false);
  
    const toggle = () => setIsOpen(!isOpen);
  
    return (
      <Navbar color="light" light expand="md">
        <Container>
          <Link to="/" className="navbar-brand">
            <img src={logo} alt="Logo" height="25px"/>
          </Link>
          <NavbarToggler onClick={toggle} />
          <Collapse isOpen={isOpen} navbar>
            <Navigation json={navigation} link={Link}/>
          </Collapse>
        </Container>
      </Navbar>
    );
  }
  
  export default Header;
  