Added Header component for reuse of <header> on MovieBrowser and Movi…

…eWishlist

src/primitives/Header.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+
+const Header = ({ title, buttonText, handleButtonClick }) => (
+    <header>
+        <nav className="navbar navbar-dark bg-primary">
+            <span className="navbar-text">
+                <h1>{title}</h1>
+            </span>
+            <button className="btn btn-outline-secondary" onClick={handleButtonClick}>{buttonText}</button>
+        </nav>
+    </header>
+);
+
+Header.defaultProps = {
+    buttonText: '',
+    handleButtonClick: () => {}
+};
+
+Header.propTypes = {
+    title: PropTypes.string.isRequired,
+    buttonText: PropTypes.string,
+    handleButtonClick: PropTypes.func
+};
+
+
+export default Header;