Greeting by Hour

Easy · Conditional Rendering

The Greeting component receives an hour prop (0 to 23) and renders a <p>:

- before 12: "Good morning"

- from 12 up to (not including) 18: "Good afternoon"

- from 18: "Good evening"

App already renders four greetings.