import PropTypes from ‘prop-types’; import React from ‘react’; import * as style from ‘./HelloWorld.module.css’;
const HelloWorld = ({ name, updateName }) => (
<div> <h3> Hello, {name}! </h3> <hr /> <form> <label className={style.bright} htmlFor="name"> Say hello to: <input id="name" type="text" value={name} onChange={(e) => updateName(e.target.value)} /> </label> </form> </div>
);
HelloWorld.propTypes = {
name: PropTypes.string.isRequired, updateName: PropTypes.func.isRequired,
};
export default HelloWorld;