 I am Chantastic, welcome to day 15 of React Holiday. Today I wanna talk about making your components in such a way that they can merge incoming props with props that we are providing from our opinions. Now let me show you what that means, cause it's kind of a convoluted the way that I said it. So let's say that our component right here has an opinion about what class name gets assigned. So Pokemon list is gonna have a class, sorry, Pokemon list. And that is going to connect to some CSS that we haven't written yet that styles this list for us. Now it's totally possible that we might want to augment this with other class names as well. And right now we can't, our options are either to just override this from the implementation side or to go without and let it decide what this class name is. Now, if we want to merge the two worlds together the class name that we get from our implementing developer and this class name, we can do so by destructuring class name off here and then merging those values together. Now one of my favorite ways to do this with class names is just to put all of the items in an array that I want to see on this clustering and then join them with a space. There's libraries that do this and you can depend on those if you want but this is generally what they do. So we're going to save that. And then down here on our implementation side I can go here, say class name, some additional class name save that and if we inspect what we have we see both class names. So we now have a component that is able to have an opinion about what class name it is by default but then add any number of class names to that.