  if (props.user) {
      return <h1>Hello, {props.user}!</h1>;
      }
      return <h1>Hello, Stranger.</h1>;
      }

      const Users = (props) => {
      const names = ["dave", "sue", "keisha", "darrell"];
      const listItems = names.map((item) => <li key={item}>{item}</li>);
      return <ul>{listItems}</ul>
      }


      ReactDOM.render(
        <div>
        <Greeting user="Sara" />
        <ul><Users /></ul>
        </div>,
        document.getElementById('root')
      );

    </script>
    <!