Files
feedback-app/src/components/Header.jsx
T
2022-11-07 19:37:10 +02:00

26 lines
483 B
React

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