moving online

src/components/Header.jsx

@@ -0,0 +1,25 @@
+import PropTypes from "prop-types"
+function Header ({text,bgColor,textColor}){
+const headerStyles = {
+	color: textColor,
+	backgroundColor:bgColor
+}
+	return(
+		<header style={headerStyles}>
+		<div className="container"><h2>{text}</h2></div>
+		</header>
+	)
+}
+
+Header.defaultProps = {
+	text:"FeedBack UI",
+	bgColor:'rgba(0,0,0,0.4)',
+	textColor: '#ff6a95',
+}
+Header.propTypes = {
+	text: PropTypes.string,
+	bgColor:PropTypes.string,
+	textColor: PropTypes.string
+}
+
+export default Header