2020-03-02 10:27:28 +01:00
|
|
|
import React from 'react';
|
|
|
|
import { Navbar, Nav } from "react-bootstrap";
|
2020-03-03 10:34:00 +01:00
|
|
|
import PropTypes from 'prop-types';
|
2020-03-02 10:27:28 +01:00
|
|
|
|
2020-03-03 10:34:00 +01:00
|
|
|
const Header = (props) => {
|
|
|
|
const {
|
|
|
|
toggleAboutModal,
|
|
|
|
} = props;
|
2020-03-02 10:27:28 +01:00
|
|
|
|
|
|
|
return (
|
|
|
|
<Navbar expand="lg" bg="light" variant="light" fixed="top">
|
|
|
|
<Navbar.Brand href="https://www.darkou.fr">
|
|
|
|
<img
|
|
|
|
src="/logo.png"
|
|
|
|
width="68"
|
|
|
|
height="30"
|
|
|
|
className="d-inline-block align-top"
|
|
|
|
alt="DarKou.fr"
|
|
|
|
/>
|
|
|
|
</Navbar.Brand>
|
2020-03-03 10:34:00 +01:00
|
|
|
<Navbar.Toggle aria-controls="basic-navbar-nav" />
|
|
|
|
<Navbar.Collapse id="basic-navbar-nav">
|
|
|
|
<Nav className="mr-auto">
|
|
|
|
<Nav.Link onClick={toggleAboutModal}>A propros</Nav.Link>
|
|
|
|
<Nav.Link href="https://www.darkou.fr/contact/">Contact</Nav.Link>
|
|
|
|
</Nav>
|
|
|
|
</Navbar.Collapse>
|
2020-03-02 10:27:28 +01:00
|
|
|
</Navbar>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
2020-03-03 10:34:00 +01:00
|
|
|
Header.propTypes = {
|
|
|
|
toggleAboutModal: PropTypes.func.isRequired,
|
|
|
|
};
|
|
|
|
|
2020-03-02 10:27:28 +01:00
|
|
|
export default Header;
|