In this video I want to introduce you to a exercise that you're going to see in the next section.
So when you go to the next section you're going to see this exercise right here.
I just want to very quickly give you a quick overview on what is expected.
So I'm going to blow up the code here.
Give me just a second so you can actually see it.
Come on gimme you.
There we go.
All right so we again have a component called app inside this thing.
You'll notice so we have a second component in here as well called message at present this message component
has a hard coded text right here of changes in service.
So that's the text you see over there and a hard coded paragraph inside of your as well or kind of content.
So all you have to do here is attempt to make this message component a little bit more reusable.
So ideally we would pass in this text changes in service and this text right here we just updated as
props when we create that message component inside of the app up here.
So in order to do this refactor and I still encourage you to read the directions up here you don't have
to use that prop's children thing that we just discussed in the last video.
Instead you can just add on to name properties to the message just as we did a moment ago.
Back here inside of our index such as file with our common detail so you can do something very similar
to what you see right here for Author time ago and content.
Right.
So like I said I just want to give you a quick introduction.
So let's take a quick pause here.
Go ahead and give the exercise a quick attempt and we'll go over a solution in the following video.