The Git tag for this section is table-row-actions.
The final thing we need to do is display actions that the user can choose to take for each customer. For now, we'll need just one action: Create appointment. When the user has found the customer they are searching for, they can move on to creating an appointment for that customer by clicking a button.
We'll display these actions by using a render prop, renderCustomerActions, which is passed to CustomerSearch. This enables the component to be agnostic of which actions can be performed; the client needs to specify what those are.
I've chosen to go with a render prop simply to show you how to test that approach. In the real world, I may not have chosen to do this as it's something of a premature generalization. A perfectly reasonable approach would be to hard-code the actions in place...